Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Resize Images with BB Code Tags Details »»
Resize Images with BB Code Tags
Mod Version: 1.00, by nerbert (Coder/Designer) nerbert is offline
Developer Last Online: Jul 2014 I like it Show Printable Version Email this Page

vB Version: 4.1.12 Rating: (1 vote - 4.00 average) Installs: 3
Released: 05 Sep 2012 Last Update: Never Downloads: 0
Supported Re-usable Code  

This new BBcode allows images to be resized to any allowed size. The tags work like this:

[RESIZE=100][ATTACH=CONFIG]2621[/ATTACH][/RESIZE]

or

[RESIZE=100][IMG]http://www.mypics.com/gallery/picture.jpg[/IMG][/RESIZE]

This will set the image width to 100px. The tags create a span with the specified width around the image and a CSS script sets the image width to inherit from the span

Title: Resize Images

BB Code Tag Name: resize

Replacement:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


Example: [resize=100][ATTACH=CONFIG]2621[/ATTACH][/resize]

Description: Allows image resizing.

Use{option}: Yes

Button Image: http://www.myforum.com/forum/images/editor/resize.png (Create a link to your actual forum)

Remove Tag If Empty: Yes

Disable BB Code Within This BB Code: No

Disable Smilies Within This BB Code: No

Disable Word Wrapping Within This BB Code: No

Disable Automatic Link Parsing Within This BB Code: No

Download the button then upload to forum/images/editor. Create the proper link for the button image. Fill in the rest of the BB Code settings and you are done. This should work on all vB4 and vB3 versions.

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	lincoln.png
Views:	233
Size:	180.0 KB
ID:	141022

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Resize Images Within [IMG] BBCode With CSS ChopSuey Modification Graveyard 3 06 Nov 2009 01:53
Wide image automatic resize for html and vB tags in posts - fixes template problems Steve St.Lauren vBulletin 3.0 Full Releases 187 10 Mar 2008 11:16
Auto resize Huge images for [IMG] bbcode 007pig vBulletin 3.0 Full Releases 54 27 Sep 2005 22:56

Comments
  #2  
Old 06 Sep 2012, 14:21
nerbert nerbert is offline
 
Join Date: May 2008
I completely changed how this works. In the original version JavaScript detected an onload event and that would fire a function that would use DOM to set the image width to match the specified span width.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Now the image width is simply inherited from the span. Much simpler!

If you have already created this BB code replace the HTML with the present code., everything else is the same
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
Forum Jump


New To Site? Need Help?

All times are GMT. The time now is 06:39.

Layout Options | Width: Wide Color: