CSS enlarge images by mouseover
We have created a quick example of script that uses CSS. Here’s the code I’ve added to the Dreamweaver code editor.
//CSS to enlarge image on mouseover
We have just place this code into under head tag
<style type="text/css">
a.enlargeimg:hover img {height: 300px; width:300px;}
img
{
height:200px;
width:200px;
}
</style>
and just place the image tag in html body.
<body>
<a href="#" class="enlargeimg">
<img src="images/globalwarming.jpg" /></a>
</body>
LIVE DEMO