Nirav Panchal (Web Designer): Javascript for onover image and content change best working

Monday, November 5, 2012

Javascript for onover image and content change best working

<script type="text/javascript">
function inlarge_image(img)

{
    document.getElementById('text_1').style.display='none';
    document.getElementById('text_2').style.display='none';
    document.getElementById('text_3').style.display='none';
    document.getElementById('text_4').style.display='none';
    document.getElementById('text_5').style.display='none';
    document.getElementById('text_6').style.display='none';
    document.getElementById('large_image').src='images/big_image'+img+'.png';
    document.getElementById('text_'+img).style.display='block';


}
</script>

</head>

<body>

<div align="center"><img src="images/big_image1.png" id="large_image" alt="image" border="0" /></div>
<div id="text_1">
    Der Superwächter
</div>
    <a href="#"><img src="images/image.png" onmouseover="inlarge_image(1);" alt="image" border="0" /></a>
</body>
</html>

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)