| himring |
03-18-2006 11:30 AM |
Hi, I modified the script this way, thanks to stcont, and it work perfectly in Firefox and Opera.
Code:
function catflap_resize_image (imageref)
{
var winwidth = 0;
var size_available = 700; //to set 700pixel as your max image size
if (self.innerWidth) winwidth = self.innerWidth;
else if (document.documentElement && document.documentElement.clientWidth) winwidth = document.documentElement.clientWidth;
else if (document.body) winwidth = document.body.clientWidth;
//size_available = winwidth - 600;
if (imageref.width > size_available)
{
var pc = Math.round (size_available / imageref.width * 10000) / 100;
imageref.catflap_original_width=imageref.width;
imageref.catflap_shrunk_width=size_available;
imageref.catflap_shrunk_pc=pc;
imageref.catflap_shrunk_status=1;
imageref.style.width=size_available+'px';
if (imageref.previousSibling)
{
imageref.previousSibling.style.width=size_available+'px';
imageref.previousSibling.firstChild.nodeValue="Immagine ridimensionata al " + pc + "% delle sue dimensioni. Clicca qui per vederla nelle dimensioni originali.";
imageref.previousSibling.style.display = 'block';
}
}
}
function catflap_toggle_image_size (imageref)
{
if (imageref.nextSibling)
{
if (imageref.nextSibling.catflap_shrunk_status == 1)
{
imageref.firstChild.nodeValue="Immagine a dimensioni originali. Clicca qui per rimpicciolirla.";
imageref.style.width=imageref.nextSibling.catflap_original_width+'px';
imageref.nextSibling.style.width=imageref.nextSibling.catflap_original_width+'px';
imageref.nextSibling.catflap_shrunk_status=0;
imageref.style.display = 'block';
}
else
{
imageref.firstChild.nodeValue="Immagine ridimensionata al " + imageref.nextSibling.catflap_shrunk_pc + "% delle sue dimensioni. Clicca qui per vederla nelle dimensioni originali.";
imageref.style.width=imageref.nextSibling.catflap_shrunk_width+'px';
imageref.nextSibling.style.width=imageref.nextSibling.catflap_shrunk_width+'px';
imageref.nextSibling.catflap_shrunk_status=1;
imageref.style.display = 'block';
}
}
}
Now I have another problem, if I load a thread with large image under IE, the first time tha script work nice, but if I reload the page it doesn't anymore. For example io con go here:
http://www.sapphireitaly.com/forum/showthread.php?t=13
the image should load resized, try now to hit the reload button (F5) and as you can see the image are not resized any more, and from now on they never been resized any more.
Any suggestion.
P.S.: Sorry of my english :cry: |
More Information