Page is a not externally linkable
- Code, Content, and Presentation
-- JavaScript and AJAX
---- JavaScript Q&A


JeffreyMac - 3:25 pm on Jun 9, 2009 (gmt 0)


The following scripting language will change the size of an individual image by running the mouse over the image. I can't figure out how to individually alter the size of multiple images in a table.

<html>
<head>
<script type="text/javascript">
function moveover()
{
document.getElementById('image').width="200";
document.getElementById('image').height="360";
}
function moveback()
{
document.getElementById('image').width="100";
document.getElementById('image').height="180";
}
</script>
</head>

<body>

<b>Mouse over the image:</b><br />
<img id="image" src="bulbon.gif"
onmouseover="moveover()"
onmouseout="moveback()"
width="100" height="180" />

</body>
</html>


Thread source:: http://www.webmasterworld.com/javascript/3899866.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com