Image Scale

A compact, convenient enhancement for your HTML pages with images.

Copy-and-Paste Code

<script type="text/javascript">

function imgscale(a) {
var imgs = document.images;
for (var i=0; i<imgs.length; i++) {
var w=imgs[i].width, h=imgs[i].height;
imgs[i].width = a*w;
imgs[i].height = a*h;
}
}

</script>

<div class="scale" style="display: inline; border: dashed 3px purple;
padding: 0.2em; background: #def; color: black; font-family: arial;
font-size: 12px">
Image size: <a href="javascript:imgscale(.5)">decrease</a>
<a href="javascript:imgscale(2)">increase</a>
<a href="javascript:location.reload()">refresh</a>
</div>

Sample

Image size: decrease increase refresh

image: Girls

image: Foo

Image Scale uses JavaScript to give you quick control of image size. Exercise personal choice over pictures.

Winner of the 2002 Super Foo Award. :*) (Yes, really.)

Related items


Joseph Myers, e_mayilme @ hotmail.com.