Register Members List Search Today's Posts Mark Forums Read

Reply
 
Article Options
Auto resize images in showthread
Jalo
Join Date: Apr 2009
Posts: 13

by Jalo Jalo is offline 12 Jun 2009

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:


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

Before add:


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

Find:


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

Replace with:


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

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:


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

Jalo
Views: 5265
Reply With Quote
Comments
  #2  
Old 25 Jun 2009, 15:36
Sirb13 Sirb13 is offline
 
Join Date: Jun 2009
Does this give the viewer the option to see the image in full size?\
thanks.
Reply With Quote
  #3  
Old 31 Aug 2009, 22:32
rigodiaz rigodiaz is offline
 
Join Date: Jul 2006
Thank you.
Reply With Quote
  #4  
Old 29 Sep 2009, 11:48
brav0 brav0 is offline
 
Join Date: Nov 2003
very nice

thanks
Reply With Quote
  #5  
Old 28 Nov 2009, 07:20
cortinator cortinator is offline
 
Join Date: Oct 2007
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:


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

Then you could replace it with what it says above. That's basically the only difference.
Reply With Quote
  #6  
Old 11 Jan 2010, 11:02
6piston's Avatar
6piston 6piston is offline
 
Join Date: Apr 2005
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 11 Jan 2010 at 11:46 ---------------

guys, it's alright, i tried another script instead

thanks!

Last edited by 6piston; 11 Jan 2010 at 11:46. Reason: Auto-Merged DoublePost
Reply With Quote
Reply

Similar Article
Article Author Type Replies Last Post
Show Thread Enhancements Auto Resize large images in an IMG tag mr.gamesbay vBulletin 3.7 Add-ons 38 28 Sep 2010 10:04
Auto Resize large images in an IMG tag mr.gamesbay vBulletin 3.5 Add-ons 39 16 Dec 2008 15:47
Auto Resize Your Images 3.52 compliant ggiersdorf vBulletin 3.5 Add-ons 155 19 Jan 2008 16:20
Auto Resize Attachment Images... mini2 vBulletin 3.0 Beta Releases 3 17 Aug 2004 07:46



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Article 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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 10:16.

Layout Options | Width: Wide Color: