HTML kódozásban hogyan tudom megcsinálni a képméretezést?

<script type="text/javascript">

function kepmeretez()

{

document.getElementById("kep").width=300;

document.getElementById("kep").height=300;

}

</script>

<img src="kep.jpg" id="kep" width="100" height="100" onMouseOver="kepmeretez()">

JavaScript nélkül:

<style>

.kepek:hover {

width: 300px;

height: 300px;

}

</style>

<img class="kepek" src="a/kepem/helye.jpg">

Így ha nincs felette tovább az egér visszavált az eredeti méretre. Ha ez a cél, akkor inkább így, mint javascripttel.

Ahhoz minden böngészöben müködjön javascript kell. ie pl nem ismeri csak linkekre a hover tulajdonságot.

<script type="text/javascript>

function setImgSize(img, zoom) {

if(zoom) {

document.getElementById(img).style.width=300;

document.getElementById(img).style.height=300;

} else {

document.getElementById(img).style.width=100;

document.getElementById(img).style.height=100;

}

}

</script>

<img id="kep" src="kep.jpg" alt="kep" onmouseover="setImgSize('kep', true)" onmouseout="setImgSize('kep', false)" />