menu

Tuesday 26 August 2014

Flip and Change image on mouse over


<html>
<head>
    <style>
        .photo
        {
            width: 250px;
            margin: auto;
        }
       
        #console #offer_image, #console:hover #offer_image_selected
        {
            display: block;
        }
        #console:hover #offer_image, #console #offer_image_selected
        {
            display: none;
        }
    </style>
</head>
<body>
    <div id="console" class="photo">
        <div id="offer_image">
            <img src="1.jpg" width="260px" height="293px" /></div>
        <div id="offer_image_selected">
            <img src="2.jpg" width="260px" height="293px" /></div>
    </div>
</body>
</html>