bildwechsel

weBfroggY · 22. April 2006

hallo zusammen,
ich habe vor auf meine seite ein bildwechsel zu machen (wenn man üder ein bild mit dem mauszeiger fährt das das bild sich wechselt) habe den code auch schon verstehe ihn noch nicht ganz aber es klappt
nun zum eigentlichen:
ich möchte das das auf den bild noch ein link zur nächsten seite ist,
würde mich sehr über eure hilfe freuen
hier ist der code den ich nutze

Code

<style type="text/css">
  #wechsel a {
    background: url(verlauf2.gif) no-repeat;
    display:block; width:60px; /* Linkbereich begrenzen */
  }
  #wechsel img {
    display:block; width:181px; height:127px; 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:107px; margin-right:0; /* Workaround fuer IE 5.01 */
  }
</style>
<p id="wechsel"> 
  <a href="#wechsel"><img src="verlauf3.gif" alt="rgb" /></a>
</p>

Alles anzeigen

Foster · 23. April 2006

Zitat von "weBfroggY"

<style type="text/css">
#wechsel a {
background: url(verlauf2.gif) no-repeat;
display:block; width:60px; /* Linkbereich begrenzen */
}
#wechsel img {
display:block; width:181px; height:127px; 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:107px; margin-right:0; /* Workaround fuer IE 5.01 */
}
</style>
<p id="wechsel">
<a href="#wechsel"><img src="verlauf3.gif" alt="rgb" /></a>
</p>

Alles anzeigen

Ich weiss nicht, was der von mir jetzt rot markierte Teil soll.
Im P5 hab ich den code eingefügt, das <a href""> und <a> gelassen und anstatt von #wechsel einfach index.htm eingesetzt.
Es hat geklappt, beim Mausüberfahren hat sich das Bild geändert und bei Klick auf das Bild bin ich in den Index gekommen.
Der code sieht bei mir also fogendermassen aus:

Code

<a href="index.htm"><img src="verlauf3.gif" alt="rgb" /></a>
</p>

bildwechsel

Jetzt mitmachen!

Teilen