Go Back   vb.org Archive > vBulletin Article Depository > Read An Article > vBulletin Tips & Tricks
Reload this Page Auto resize images in showthread
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
Auto resize images in showthread
Jalo
Join Date: Apr 2009
Posts: 13

 

Show Printable Version Email this Page Subscription
Jalo Jalo is offline 06-12-2009, 10:00 PM
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>
Before add:

Code:
<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 > 480 ) 
      { 
        document.images[i].width = 480; 
      } 
    } 
  } 
//--> 
</script>
Find:

Code:
<body onload="$onload">
Replace with:

Code:
<body onLoad="resize_images()">
Safe and reload and check your forum to see if images are being resized.

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()">
Jalo
Reply With Quote
  #2  
Old 06-25-2009, 02:36 PM
Sirb13 Sirb13 is offline
 
Join Date: Jun 2009
Posts: 9
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Does this give the viewer the option to see the image in full size?\
thanks.
Reply With Quote
  #3  
Old 08-31-2009, 09:32 PM
rigodiaz rigodiaz is offline
 
Join Date: Jul 2006
Posts: 42
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Thank you.
Reply With Quote
  #4  
Old 09-29-2009, 10:48 AM
brav0 brav0 is offline
 
Join Date: Nov 2003
Posts: 2
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
very nice

thanks
Reply With Quote
  #5  
Old 11-28-2009, 06:20 AM
cortinator cortinator is offline
 
Join Date: Oct 2007
Posts: 28
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
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>
Then you could replace it with what it says above. That's basically the only difference.
Reply With Quote
  #6  
Old 01-11-2010, 10:02 AM
6piston's Avatar
6piston 6piston is offline
 
Join Date: Apr 2005
Posts: 139
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
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!
Reply With Quote
Reply

« Previous Thread | Next Thread »

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 10:20 PM.

Contact Us - Archive - Top

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.03977 seconds
  • Memory Usage 2,245KB
  • Queries Executed 21 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (6)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_article
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (6)post_thanks_box
  • (6)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (6)post_thanks_postbit_info
  • (5)postbit
  • (6)postbit_onlinestatus
  • (6)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 
Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete