Full version: jsB@nk » Image » Automatic Image Resizer
URL: https://www.javascriptbank.com/automatic-image-resizer.html
This JavaScript will resize a group of images to a preset maximum width. Useful for regulating picture size, especially on sites where images are posted at random by multiple users.
Full version: jsB@nk » Image » Automatic Image Resizer
URL: https://www.javascriptbank.com/automatic-image-resizer.html
<style type="text/css"><!--.simple {border: 1px solid #cccccc; padding: 5px; text-align: center}--></style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><script type="text/javascript"><!-- Begin// Created by: Cat Arriola :: http://astrodiva.journalspace.comfunction fixImgs(whichId, maxW) {var pix=document.getElementById(whichId).getElementsByTagName('img'); for (i=0; i<pix.length; i++) { w=pix[i].width; h=pix[i].height; if (w > maxW) { f=1-((w - maxW) / w); pix[i].width=w * f; pix[i].height=h * f; } }}//--></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><BODY onload="fixImgs('photos', 108) /*('element ID', maximum width)*/"><table id="photos" cellspacing="2"><tr><td class="simple"><img src="astronaut.jpg" alt="photo 1"></td><td class="simple"><img src="backgr13.jpg" alt="photo 2"></td><td class="simple"><img src="backgr14.jpg" alt="photo 3"></td></tr><tr><td class="simple" colspan="3"><b>Live demo:</b> <input type="button" value="Make width 80 pixels" onclick="fixImgs('photos', 80)"></td></tr><tr><td align="center" colspan="3"><a style="font-size:12px; color:blue; text-decoration:none" href="http://astrodiva.journalspace.com/" target="offsite">C a t m a d e i t !</a></td></tr></table></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->