Auto Resize large images in an IMG tag

Auto Resize large images in an IMG tag

Mod Version: 1.00, by mr.gamesbay

This modification is in the archives.

vB Version: 3.7.x	Rating: (7 votes - 4.71 average)	Installs: 70
Released: 07 Feb 2008	Last Update: Never	Downloads: 516
Not Supported Template Edits Code Changes Additional Files

Sorry about my bad english

With this small hack, all large images in an IMG Tag will be resized after the site has loaded. With a click on the resized imge, it will open in an new window with the original size. Works in Firefox, Opera, IE and i think in all other browser.
Here is a Demo: http://www.gamesbay.de/index.php?t=128

Work with vB 3.7.x

INSTALLATION:

--------------------------------

- Copy the file resizevbimg.js in the dir clientscript.

--------------------------------

Open the file includes/class_bbcode.php
Search the line(~line 1932 ):

Code:

return '<img src="' .  $link . '" border="0" alt="" />';

and replace with:

Code:

return '<img src="' .  $link . '" border="0" alt="" id="vBCodeIMG" />';

Save and upload.

--------------------------------

Styles & Templates > Search the SHOWTHREAD Template
Seach:

Code:

<body onload="$onload">

Replace with:

Code:

<body onload="$onload;vbImageResize()">

Save the template.

--------------------------------

Styles & Templates > Search the newreply Template
Search:

Code:

<body$onload>

Replace with:

Code:

<body onload="$onload;vbImageResize()">

Save the template.

--------------------------------

- Styles & Templates > Style Manager > Common Templates > headinclude
Search:

Code:

<!-- / CSS Stylesheet -->

After, add:

Code:

<script type="text/javascript" src="clientscript/resizevbimg.js"></script>

Save the template.

--------------------------------

Styles & Templates > Style Manager > Main CSS > Additional CSS Definitions

After, add:

Code:

.vbimgcodelimit {
        cursor: pointer;
        border: dotted 1px black;
}

Save.
--------------------------------

Done

Download

This modification is archived, downloads are still allowed.

resizevbimg.zip (534 Bytes, 544 downloads)

Forum Display Enhancements Auto Resize large images in an IMG tag	vBulletin 3.6 Add-ons
Auto Resize large images in an IMG tag	vBulletin 3.5 Add-ons
Auto-Resize Large Images - EASY Version	vBulletin 3.5 Add-ons

vBulletin LTS