*/ // THE SCRIPT: // =========== // sets the default size of the image(s) defaultXsize = 100; defaultYsize = 100; // sets the minimum size of the image(s) minimumXsize = 50; minimumYsize = 50; // sets the maximum size of the image(s) maximumXsize = 250; maximumYsize = 250; // Do not edit below this line. // ---------------------------- iBeReady = false; function dragResizeImage(dragEvent,which){ if (iBeReady){ posX = eval("document."+which+".offsetLeft"); posY = eval("document."+which+".offsetTop"); newXsize = dragEvent.x; newYsize = dragEvent.y; newXsize = newXsize - posX; newYsize = newYsize - posY; if (newXsize >= maximumXsize) newXsize = maximumXsize; if (newYsize >= maximumYsize) newYsize = maximumYsize; if (newXsize <= minimumXsize) newXsize = minimumXsize; if (newYsize <= minimumYsize) newYsize = minimumYsize; eval("document."+which+".width=newXsize"); eval("document."+which+".height=newYsize"); } } function clickResetImageSize(which){ if (iBeReady){ eval("document."+which+".width=defaultXsize"); eval("document."+which+".height=defaultYsize"); } }

Click and Drag the mouse to see a larger image
Click the enlaged image to get the original size