The example is a simple html page with an image.
The sample code uses a function zoom () called on mouseover and mouseout events on that image. Try specifying other numbers to the parameters to get a better idea of the function.
<html&RT;
<script&RT;
var nW,nH,oH,oW;
function zoom(iWideSmall,iHighSmall,iWideLarge,iHighLarge,whichImage)
{
oW=whichImage.style.width;oH=whichImage.style.height;
if((oW==iWideLarge)||(oH==iHighLarge))
{
nW=iWideSmall;nH=iHighSmall;
}
else
{
nW=iWideLarge;nH=iHighLarge;
}
whichImage.style.width=nW;whichImage.style.height=nH;
}
</script&RT;
<body&RT;
<img
border="0"
src="C:\img.gif"
width="100"
height="100"
onmouseover="zoom('47px','68px','96px','136px',this);"
onmouseout="zoom('47px','68px','47px','68px',this);"
&RT;
</body&RT;
</html&RT;
|
No responses found. Be the first to respond and make money from revenue sharing program.
|