Auto Resize Your Images 3.52 compliant

I was looking for some code that would allow an image over size x to be resized in IE, Firefox, and Opera. I tried all the variations out there without luck some would work in IE, some in Firefox, etc.. So I finally got a tweaked version of some old code that actually works flawless in IE, Firefox, and Opera. I have included it below, but It needs 1 final tweak that I'm hoping someone in the community can help with.

i am NOT taking credit for this hack, all I have done is tweak it to get it working for me..


This code has been updated as of 8:30pm with the clickable link built in now!

Step 1: Edit your class_bbcode.php file located in (root/includes)

find

PHP Code:

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


replace with the following.

PHP Code:

/* Start Image RESIZE */  

 $navigator_user_agent = ( isset( $_SERVER['HTTP_USER_AGENT'] ) ) ? strtolower( $_SERVER['HTTP_USER_AGENT'] ) : '';   
if (stristr($navigator_user_agent, "msie")) {   
    return '<a href="' .  $link . '" target="_blank"><img src="' .  $link . '" border="0" alt="" style="width: expression(this.width > 640 ? 480 : true);" /></a>';   
} else {   
    return '<a href="' .  $link . '" target="_blank"><img src="' .  $link . '" border="0" alt="" style="max-width: 730px;" /></a>';   
}    

/* End Image RESIZE */ 


you can play with the widths to get what you want working.

[TF|Scorpion]

Does this work on v. 3.5.3?

[ggiersdorf]

Originally Posted by TF|Scorpion

Does this work on v. 3.5.3?

Yes it should work fine on 3.53

[ggiersdorf]

Originally Posted by A-handreas

Hello guys,

I've tried your hack, it works perfect in IE but it didn't work with Firefox 1.5 :disappointed: Any idea ?

best regards
Andreas

works fine on my Firefox, IE and OPERA try clearing your cache and try it!?

[Emil]

Anyway to make this work with Opera browsers?

And there's a problem with imageshack. When you post auto generated thumbnails from imageshack, they stop working. When you click on them they just open the thumbnail instead of the real size image.

I'm talking about these kind of imageshacks thumbnails:



When you click on this one it'll open a big image in a new window. But after I added this resize hack, those thumbnails stopped working. They just open the thumbnail again. Any way to fix this?

[S@NL - BlackBik]

Installed and it seemes to work

[S@NL - BlackBik]

Since we run a board that supports two languages, i've added a little tweak and made the alt-tag a phrase. Use if you will

	 /* Start Image RESIZE */  

 	$navigator_user_agent = ( isset( $_SERVER['HTTP_USER_AGENT'] ) ) ? strtolower( $_SERVER['HTTP_USER_AGENT'] ) : '';   
		if (stristr($navigator_user_agent, "msie")) {   
    		return '<a href="' .  $link . '" target="_blank"><img src="' .  $link . '" border="0" alt="' . $vbphrase['click_for_larger_image'] . '" style="width: expression(this.width > 480 ? 480 : true);" /></a>';   
		} else {   
    		return '<a href="' .  $link . '" target="_blank"><img src="' .  $link . '" border="0" alt="' . $vbphrase['click_for_larger_image'] . '" style="max-width: 480px;" /></a>';   
		}    

	/* End Image RESIZE */

To make this work you have to add the following to the function:

find:
function handle_bbcode_img_match($link)
{

and add right under:

global $vbphrase;

Ow, and don't forget to add this phrase offcourse

Enjoy

[Codeman05]

Originally Posted by DF-inside

This MOD will also make images smaller then the size I have filled in linkable.
And so when I have images from the VBB board showing up at my main site (non-vbb) and I got an border arround the images telling them to click to enlare, all the images will show that.

I get the same, anyway to get around this?

[apfparadise]

I see people installing it and saying it works in browsers other than IE. There is no way it does. I looked at the creator's site on the three browsers and it did not work on anything other than IE. I just installed on my board and took it off, as it DOES NOT work in Opera or Firefox.

Can someone fix it? I really kind of need it but only if it's cross-browser. it worked so well in 3.0.

Also, I have $20 Paypal for anyone who can integrate this, correctly, with the "click on it to see a larger image" and the ability to hide IMG images from Unregistered users. Both were available on 3.0 so it's a straight port.

[Codeman05]

I just installed it. I can't speak for the creators site, but it works fine for me in FF 1.5 in windows as well as 1.5 for linux on my site

[apfparadise]

Codeman, yeah, just checked again, it does work in 1.5 Firefox. Still not in Opera. Goes out of screen. The offer def. still stands for someone who knows how to do this right.