Source code for you

Here is the code:

<html>
<style type=”text/css”>

div.fader img {
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
-ms-transition-duration: 1s;
}

img.swap, div.fader:hover img.swap2{opacity:1}
div.fader:hover img.swap1,img.swap2{opacity:0}

.fader {
background-color: rgba(255,255,255,1);
border: 1px solid rgba(0,0,0,1);
width: 585px;

</style>
</head>
<body>

<div>
<img style=”position: absolute;” src=”images/pond3.png” width=”585″ height=”572″ alt=”This is text for screen readers–to describe the image”>
<img src=”images/pond5.png” width=”585″ height=”572″ alt=”This is text for screen readers–to describe the image”>

</div>
</body>
</html>

REMEMBER: .fader this is a CLASS NAME.
Classes can apply to any element, and can appear multiple times on one page

#fader=a division (DIV) named fader.
Division only appear one time per page.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s