[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:

[img]https://vborg.vbsupport.ru/external/2006/06/2.gif[/img]

(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