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.

[skooby]

I'm having a problem with my news portal in my CMPS.

When I added the code, it resizes images in the posts. But when the Module tries to grab the resized image to post it on the homepage, it won't display the image if it is over the size that I set for it.

I used S@NL - BlackBik code in post# 47

I basically want the news module to grab the information in a selected forum on my site which includes an image in each post, and post that image on the main page in the news module, but the images need to be resized to fit the page correctly. If the image is over the set width of 400, it won't resize and display, it just doesn't display it period. It does resize it though if I go to the actual post. I need it to resize the image so it is displayed correctly in the news module of my CMPS on the mainpage.

Any ideas how to fix this?

[epicbear]

Ok, I installed this and it works great on the images but the whole problem I was having hasn't gone away.

On this page,

http://forums.epicski.com/showthread.php?t=33971

the offending image was in post #6. As you can see, it's resized. If you're viewing the page with Firefox...it looks fine. If you're viewing the page in IE...the tables still blow out really wide and require much horizontal scrolling.

Any ideas what's going on here?

[epicbear]

Originally Posted by epicbear

Ok, I installed this and it works great on the images but the whole problem I was having hasn't gone away.

On this page,

http://forums.epicski.com/showthread.php?t=33971

the offending image was in post #6. As you can see, it's resized. If you're viewing the page with Firefox...it looks fine. If you're viewing the page in IE...the tables still blow out really wide and require much horizontal scrolling.

Any ideas what's going on here?

Nevermind...

[bada_bing]

Installed and working good so far on vb 3.5.3

Thank You

[blacklancer]

Originally Posted by SiMateoAko

Lots of info here. If you're like me and don't want to add 30 lines of code to your img tags, do what I did.

replace this:

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

with this:

return '<img style="max-width:800px; width: expression(this.width > 800 ? 800: true);" src="' .  $link . '" border="0" alt="" />';

The code you want to replace is found in the function handle_bbcode_img_match() in class_bbcode.php. For me it was on line 1831.

This is fast and will work with either firefox or IE. It may even work with Opera, but I don't know.

thats where its at! perfect! doesn't mess with the sigs at all. thanks so much!

:banana::banana::banana:

[Neurotoxin]

Awesome mod, works perfect!

[Bulent Tekcan]

Originally Posted by ggiersdorf

The problem I am running into now is basically Signatures are used with the IMG tag this mod changes anything that has the IMG tag.

We need to re-write the $signature to use an alternate img tag like [SIG] [SIG] or somehow have the field for signatures remove the script above and use the default one from Vb. Basically trick it in signatures to use original vb code.

PHP Code:

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


anyone want to help with this let me know I have some updated code than the above that works better but Im holding off posting it till were done here..

Same problem here....this hack removed :tired:

[jags2ooo]

SiMateoAko AWESOME IT WORKS PERFECT!!!!!!!!! i just opened up a new forums 1 hour ago and of course some dude had to post a image that was so FREaking big and fked up the boards so i cam ehere ran a search and bam your fix owns THANKS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!11

I recommend Simateoako's version of this mod his is posted at post number #106 its nice and short only 1 line

[Djamil]

Originally Posted by S@NL - BlackBik

Find:

return '<a href="' .  $link . '" target="_blank"><img src="' .  $link . '" border="0" alt="' . $vbphrase['click_for_larger_image'] . '" style="width: expression(this.width > 600 ? 600 : true);" /></a>';   
} else {   
return '<a href="' .  $link . '" target="_blank"><img src="' .  $link . '" border="0" alt="' . $vbphrase['click_for_larger_image'] . '" style="max-width: 600px;" /></a>';   
}

and replace by:

return '<a href="' .  $link . '" target="_blank"><img src="' .  $link . '" border="0" alt="' . $vbphrase['click_for_larger_image'] . '" style="width: expression(this.width > 600 ? 600 : true);" /><br><br>' . $vbphrase['click_for_larger_image'] . '</a>';   
} else {   
return '<a href="' .  $link . '" target="_blank"><img src="' .  $link . '" border="0" alt="' . $vbphrase['click_for_larger_image'] . '" style="max-width: 600px;" /><br><br>' . $vbphrase['click_for_larger_image'] . '</a>';   
}

I can't manage to make the phrases work.

The line breaks are there but the phrase text is missing. I triple-checked the phrase names, they are correct. Even the version posted in https://vborg.vbsupport.ru/showthread.php?p=52 doesn't show the phrase in the alt-tag. Any hints ?

Djamil

[Djamil]

I found out myself. There's important information missing in Post 52. If you defined the phrases as global phrases (which seemed the appropriate way to me since there was no specific phrasetype mentioned to define them in) and want the phrases to show up, you must do the following:

FIND

function handle_bbcode_img_match($link)
	{

ADD AFTER

global $vbphrase;

Then the phrases will show up.

For further information please consult this chapter of the vB manual

Djamil