Photo IV Show!

Image

Photo IV Show!

As mentioned in class today here’s a link to the event info for the photo IV show.

Advertisements

Source code for you

Image

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.