BBCode: Resize Image with Text Wrap
Mod Version: 1.01, by midnz
| vB Version: 4.0.6 | Rating:  (7 votes - 5.00 average) |
Installs: 31 |
| Released: 18 Aug 2010 | Last Update: Never | Downloads: 0 |
 Not Supported
 Re-usable Code
Translations
|
||
Resize Image with Text Wrap BBCode
I created this BB Code for my own forum and thought I'd share it with the community.
This BB Code allows images to be posted at 200px Wide with text wrapping. Double-clicking the image enlarges it to 600px Wide. Single-clicking reduces the image size back to 200px Wide. The size/resize dimensions can easily be altered to suit your individual requirements. Just change the width= dimensions in the code below.
http://www.vcclan.org/forums/showthread.php?14157-Test-Demo
Instructions:
Open the BBCode Manager/Add New BBCode
Title: Resize Image
BB Code Tag Name: RI
Replacement:
Example: [RI]image web address goes here[/RI]
Description: Post image at 200px Wide with text wrap. Double-click to enlarge to 600px Wide. Single-click to reduce back to 200px Wide.
Use {option}: No
Button Image (Optional): images/editor/ri.png (upload the attached image via FTP to /images/editor folder) Kindly supplied by VonDoom Post#6
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: Yes
Disable Smilies Within This BB Code: Yes
Disable Word Wrapping Within This BB Code: Yes
Disable Automatic Link Parsing Within This BB Code: Yes
Please mark as installed if you use this
V. 1.01
I created this BB Code for my own forum and thought I'd share it with the community.
This BB Code allows images to be posted at 200px Wide with text wrapping. Double-clicking the image enlarges it to 600px Wide. Single-clicking reduces the image size back to 200px Wide. The size/resize dimensions can easily be altered to suit your individual requirements. Just change the width= dimensions in the code below.
http://www.vcclan.org/forums/showthread.php?14157-Test-Demo
Instructions:
Open the BBCode Manager/Add New BBCode
Title: Resize Image
BB Code Tag Name: RI
Replacement:
Code:
<img src="{param}" width="200" ondblclick='this.src="{param}";this.width=600' onclick='this.src="{param}";this.width=200' align="left" hspace="10">
Example: [RI]image web address goes here[/RI]
Description: Post image at 200px Wide with text wrap. Double-click to enlarge to 600px Wide. Single-click to reduce back to 200px Wide.
Use {option}: No
Button Image (Optional): images/editor/ri.png (upload the attached image via FTP to /images/editor folder) Kindly supplied by VonDoom Post#6
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: Yes
Disable Smilies Within This BB Code: Yes
Disable Word Wrapping Within This BB Code: Yes
Disable Automatic Link Parsing Within This BB Code: Yes
Please mark as installed if you use this
________________________________________________________________
V. 1.01
- Removed height attributes to maintain image proportions (Thanks to djbaxter )
Download
No files for download.
Screenshots
