<style type="text/css">
<!--
.simple {
border: 1px solid #cccccc; padding: 5px; text-align: center
}
-->
</style>

<script type="text/javascript">
<!-- Begin
/* Created by: Cat Arriola :: http://astrodiva.journalspace.com */

function 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>

onload="fixImgs('photos', 108) /*('element ID', maximum width)*/"

<div align="center">
<table id="photos" cellspacing="2">
<tr>
<td class="simple"><img src="image1.jpg" alt="photo 1"></td>
<td class="simple"><img src="image2.jpg" alt="photo 2"></td>
<td class="simple"><img src="image3.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>
</table>
</div>

Cat Arriola

Kopieren Sie bitte den Code