Photoshop-Cafe.de :: Dein Photoshop-Forum - Einzelnen Beitrag anzeigen - Web-Design Mouse Over Effekt

**phoenix** · #2 02.02.07, 11:24

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>untitled_1</TITLE>
  
<style type="text/css">
  #wechsel a {
    background: url(vorher.gif) no-repeat;
    display:block; width:300px; /* Linkbereich begrenzen */
  }
  #wechsel img {
    display:block; width:300px; height:300px; border:0;
  }
  #wechsel a:hover img {
    visibility: hidden;
  }
  #wechsel a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #wechsel a {
    margin-right:1px;
  }
  * html #wechsel a:hover {
    width:300px; margin-right:0; /* Workaround fuer IE 5.01 */
  }
</style>
  
 </HEAD>
 <BODY bgcolor="#000000" text="#FFFFFF">
 
<p id="wechsel">
  <a href="#wechsel"><img src="nachher.gif" alt="" /></a>
</p>

<p>F&uuml;r das Original mit Maus &uuml;ber das Bild fahren</p>
 
 </BODY>
</HTML>