auto resize huge images
Mod Version: 1.00, by Tradjick
This modification is in the archives.
| vB Version: | Rating:  (0 vote - 0 average) |
Installs: 20 |
| Released: 20 Dec 2004 | Last Update: Never | Downloads: 68 |
 Not Supported
|
||
This Hack has been published by mr.gamesbay in http://www.vbulletin-germany.com/forum/index.php?t=13527&page=2&pp=15 thread at vbulletin-germany.com who let me translate this hack for vb.org.
It resizes the pictures from the [img] tag after showthread.php has been loaded. It doesn´t need any editing of php files.
Other similar hacks:
Wide image automatic resize for html and vB tags in posts - fixes template problems from St.Lauren which has the drawback of beeing slow.
Auto resize Huge images for [IMG] bbcode fron 007pig which doesn´t always cut down the img size of each picture and makes each picture as a link.
and the hack from Aurous: an ideal version, very fast and no problems with broken links. But there are problems with the use of the WYSIWYG editor and caching. (BTW, this hack doesn´t solve the WYSIWYG thingy. If you find a solution, feel free to share it with the rest)
Advantages of this version:
-fast
-works with cache enabled
-no editing of php files, just template edits
Here´s what you need to do:
Styles & Templates > Style Manager > All Style options > Additional CSS Definitions:
go to the bottom of it and add the following:
.imglimit {cursor: pointer;border: dotted 1px black;}
Styles & Templates > Style Manager > Common Templates > headinclude:
Find:
HTML Code:
<script type="text/javascript"><!--var SESSIONURL = "$session[sessionurl]";var IMGDIR_MISC = "$stylevar[imgdir_misc]";// --></script>
Behind that, add the following code:
HTML Code:
<script type="text/javascript" src="clientscript/resizeall.js"></script>
Styles & Templates > Edit Templates > showthread:
Find:
HTML Code:
<body onload="$onload">
Replace with:
HTML Code:
<body onload="$onload; fiImageResize()">
Then, you will have to updload resizeall.js to your clientscript directory and that´s all.
In the file resizeall.js you have the option to choose the size for the images.
Demo: http://www.gamesbay.de/index.php?t=3316
It resizes the pictures from the [img] tag after showthread.php has been loaded. It doesn´t need any editing of php files.
Other similar hacks:
Wide image automatic resize for html and vB tags in posts - fixes template problems from St.Lauren which has the drawback of beeing slow.
Auto resize Huge images for [IMG] bbcode fron 007pig which doesn´t always cut down the img size of each picture and makes each picture as a link.
and the hack from Aurous: an ideal version, very fast and no problems with broken links. But there are problems with the use of the WYSIWYG editor and caching. (BTW, this hack doesn´t solve the WYSIWYG thingy. If you find a solution, feel free to share it with the rest)
Advantages of this version:
-fast
-works with cache enabled
-no editing of php files, just template edits
Here´s what you need to do:
Styles & Templates > Style Manager > All Style options > Additional CSS Definitions:
go to the bottom of it and add the following:
.imglimit {cursor: pointer;border: dotted 1px black;}
Styles & Templates > Style Manager > Common Templates > headinclude:
Find:
HTML Code:
<script type="text/javascript"><!--var SESSIONURL = "$session[sessionurl]";var IMGDIR_MISC = "$stylevar[imgdir_misc]";// --></script>
Behind that, add the following code:
HTML Code:
<script type="text/javascript" src="clientscript/resizeall.js"></script>
Styles & Templates > Edit Templates > showthread:
Find:
HTML Code:
<body onload="$onload">
Replace with:
HTML Code:
<body onload="$onload; fiImageResize()">
Then, you will have to updload resizeall.js to your clientscript directory and that´s all.
In the file resizeall.js you have the option to choose the size for the images.
Demo: http://www.gamesbay.de/index.php?t=3316
Download
This modification is archived and cannot be downloaded.