Image resize script with 3.5.4?

[kr580]

I have this image resize script using Javascript and was wondering if I can apply it to images posted on my forums.

I have a fixed width forum and when people post images larger than the forums it extends past the border. The script I have loads the image normally but when it's done it shrinks it to a specified with. You can find a sample page here (http://www.kr580.com/resize/) to see how it works as well as the code.

Is there any way I can make this effect any images posted with [img] tags?

Thanks - Kevin

Puhleeze?

[kr580]

Anyone?

[kr580]

Still trying to get this.

[kr580]

Bump.

[bbcentral]

Hi!
I use this on my forum. Except I don't use javascript, I actually run a PHP thumbnail script. The principle should be the same.

What you have to do first is make sure your javascript code is included on every page of your forum. Save it as a .js file and add it to your header template:

<script type="text/javascript" src="/forum/clientscript/image.js"></script>

(And upload it to your forum's clientscript folder of course :P)

So now all you need to do is replace the IMG BBCode.

Go into Admin control panel, scroll down to Custom BB Codes in the admin menu and click on 'Add New BB Code'.

Title: Resized Image
Tag: IMG
Replacement: <img onClick="scaleImg(this)" onLoad="scaleImg(this)" src="{param}" border='0'>
Example: https://vborg.vbsupport.ru/external/2006/06/2.gif
(You can replace the google logo with whatever you like, not that important)
Description: Display an image in your post
(You can also change this)
Use {option}: No
Button Image (Optional): (leave blank)

The unfortunate problem with your script is that the javascript doesn't work if there is more than one image on the page (no 2 html elements can have the same ID on a page). That's why I've changed the IMG code to use 'scaleImg(this)', because it will pass the correct image to the script.

Try this instead for the js code:


var saveWidth = 0;

function scaleImg(what){
if (navigator.appName=="Netscape")
winW = window.innerWidth;
if (navigator.appName.indexOf("Microsoft")!=-1)
winW = document.body.offsetWidth;
if (what.width>(720) || saveWidth>(720)) {
if (what.width==(720))
what.width=saveWidth;

else
{
saveWidth = what.width;
what.style.cursor = "pointer";
what.width=(720);
}

}
}

You could also try this one:
https://vborg.vbsupport.ru/showthread.php?t=117674

[kr580]

Thanks for the reply. I did everything you did but the JS didn't work. I put the original in and it worked, but it only does one like you said. Any other ideas?

[bbcentral]

Probably because I accidentally wrote:

<script type="text/css" src="/forum/clientscript/image.js"></script>

instead of

<script type="text/javascript" src="/forum/clientscript/image.js"></script>

[kr580]

Well I actually caught that part. Still no go. :(

[bbcentral]

I managed to get it working on mine, not sure why it doesn't work on yours.

https://vborg.vbsupport.ru/showthread.php?t=117674
Maybe this one will work out better for you?