Auto-Thumbnale for oversized pic's

[Uchiha Susuke]

Par request, i made this code so that any pictures that are above a specified height or width will be transformed into a thumbnale to a new specified height or width (you may click the thumbnale to return it to original size or back to thumbnale)

here you go, footers is best, just follow the instructions

<script>
//Auto-Thumbnale for oversized pictures
//Coded and Designed by NCGI (Uchiha Sasuke)
devSrc = "SRC OF ANY IMAGE THAT YOU WANT TO NOT BE CHANGED";
var Owidth = "THE LIMIT AMOUNT FOR WIDTH";
var Oheight = "THE LIMIT AMOUNT FOR HEIGHT";
var Awidth = "THE NEW WIDTH IF OVER";
var Aheight = "THE NEW HEIGHT IF OVER";
iImg = document.getElementsByTagName("img");
for (a=0;a<iImg.length;a++) {
if (!iImg.src.match(new RegExp("("+devSrc+")","gim")) && (iImg.width>Owidth || iImg.height>Oheight)) {
orgW = iImg.width; orgH = iImg.height;
iImg.width = Awidth; iImg.height = Aheight;
eval("iImg.onclick = function() {this.width = (this.width=="+orgW+") ? "+Awidth+" : "+orgW+";this.height = (this.height=="+orgH+") ? "+Aheight+" : "+orgH+";}");
iImg.onmouseover = function() {this.style.cursor = "hand";}
iImg.onmouseout = function() {this.style.cursor = "pointer";}
}}
</script>

the Owidth and Oheight is the the highest that the image's height or width can be before it will be changed to a thumbnail
and the Awidth and Aheight is the new width and height that you want for the thumbnail

to add more image's that are looked over, just keep adding
devSrc+= "|SRC OF ANY IMAGE THAT YOU WANT TO NOT BE CHANGED";
(the + and the | are supposed to be there)

enjoy

[CrAzY_J]

Pretty awesome code ^_^

[Uchiha Susuke]

haha, thanks ^_^