|
Auto resize images in showthread
Hi all,
I was looking for an easy way to resize too large images and signatures in posts but most of the mods I looked at were just not simple enough. I didn't want any links or any other fancy stuff just smaller images. This is how I did it: Go to your control panel and open Styles & Templates, select your style and select Edit templates from the menu. In the left box scroll down to Show thread templates and double click. Double click on SHOWTHREAD. Find: Code:
</head>Code:
<script language="javascript" type="text/javascript"> Code:
<body onload="$onload">Code:
<body onLoad="resize_images()">You can change the '480' to your desired width. This resizes all the images in showthread so if you have a 728x90 image banner or huge logo it also gets resized. Google 728x90 text ads and flash banners do not get resized. I checked with Firefox, Safari and IE8. If you do not want to remove the '$onload' from the code you can try: Code:
<body onLoad="$onload; resize_images()"> |
Does this give the viewer the option to see the image in full size?\
thanks. |
Thank you.
|
very nice
thanks |
Using this for vB 4
Do everything as stated above, but instead of finding and replacing the code above, you MUST find this code instead: Code:
<body> |
hi jalo and everyone, this doesn't work with well Google Chrome
on FF, IE it's perfect. but on Chrome, the images always load halfway and gets resized. so you only get to see half the image is there anyway to adjust the code? i am using it on the VBA's template - adv_portal you can see the results here: http://www.zerotohundred.com/newforu...ge=hometestnew here is my code $stylevar[htmldoctype] <html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]" xmlns="http://www.w3.org/1999/xhtml"> <head> <if condition="$pages['name'] == 'home'"> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> </if> <title>$vboptions[hometitle] <if condition="$pagetitle">- $pagetitle</if></title> $headinclude <script language="javascript" type="text/javascript"> <!-- function resize_images() { for (i = 0; i < document.images.length; i++) { while ( !document.images[i].complete ) { break; } if ( document.images[i].width > 300 ) { document.images[i].width = 300; } } } //--> </script> </head> <body onLoad="resize_images()"> $header $navbar <if condition="$show['customizepagelink']"> <div align="$stylevar[right]" style="padding-top: $stylevar[cellpadding]px; padding-bottom: $stylevar[cellpadding]px"> <if condition="$show['customizepage']"> [<a href="javascript: reset_cmps_layout($pages[pageid])">$vbphrase[reset_layout]</a>] [<a href="$show[customizepagelink]">$vbphrase[exit_customization_mode]</a>] <else /> [<a href="$show[customizepagelink]">$vbphrase[customize_this_page]</a>] </if> </div> </if> <table align="center" class="page" cellspacing="0" cellpadding="0" width="100%"> <tr valign="top"> <if condition="$show['left_column']"> <td width="$vba_style[portal_leftcolwidth]"<if condition="$show['center_column'] OR $show['right_column']"> style="padding-$stylevar[right]: $vba_style[portal_colspacing]px"</if>> $home[leftblocks] </td> </if> <if condition="$show['center_column']"> <td valign="top"> $home[centerblocks] </td> </if> <if condition="$show['right_column']"> <td valign="top" width="$vba_style[portal_rightcolwidth]"<if condition="$show['center_column'] OR $show['left_column']"> style="padding-$stylevar[left]: $vba_style[portal_colspacing]px"</if>> $home[rightblocks] </td> </if> </tr> </table> $footer </body> </html> --------------- Added [DATE]1263214014[/DATE] at [TIME]1263214014[/TIME] --------------- guys, it's alright, i tried another script instead thanks! |
| All times are GMT. The time now is 03:49 AM. |
Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
| X vBulletin 3.8.12 by vBS Debug Information | |
|---|---|
|
|
 More Information |
|
|
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|