Grafik als Verweis

[Florian]

Hallo,

ich habe eine Grafik als Verweis deklariert. Das Bild soll durch ein anderes ersetzt werden, wenn man darauf fährt oder es anklickt. Wie funktioniert das?

[Benjamin Kühn]

Hi,

schau doch mal hier: http://selfhtml.teamone.de/javascript/beispiele/buttons.htm

Gruß
Ben

[siro]

Hallo.

schau doch mal hier: http://selfhtml.teamone.de/javascript/beispiele/buttons.htm

Naja, also so ganz überzeugt mich das nicht.
Da gibt's doch heutzutage bessere Möglichkeiten.

Nur mal schnell in Kurzform:

Link: <a href="url"><span>Text</span></a>
Style: a { background: url(url) no-repeat 0 0;
           display: block;
           width: 100px; height: 50px;
         }
       a span { visibility: hidden; }
       a:hover { background-position: - 100px 0; }
Das Bild enthält dann beide Versionen nebeneinander.

Vorteile: 1. kein Javascript
          2. Bild ist schon vorgladen
          3. Das ganze ist vauch in Lynx lesbar

MfG _Siro.

[Florian]

Link: <a href="url"><span>Text</span></a>
Style: a { background: url(url) no-repeat 0 0;
           display: block;
           width: 100px; height: 50px;
         }
       a span { visibility: hidden; }
       a:hover { background-position: - 100px 0; }
Das Bild enthält dann beide Versionen nebeneinander.

Aber wo baue ich den dort die unterschiedlichen Grafiken ein? Bei den urls?

[siro]

Aber wo baue ich den dort die unterschiedlichen Grafiken ein? Bei den urls?

Du machst nur ein Bild. Das ist doppelt so breit,
wie dein Link, deshalb ist nur eine Hälfte sichtbar.
Beim Überfahren mit der Maus verschiebst du es und machst somit die zweite Seite sichtbar.
Leider finde ich die Seite nicht mehr, auf der sie das beschrieben haben.

MfG _Siro.

[siro]

Hallo nochmal.

Ich hab endlich die Seite mit dem Beispiel gefunden:
http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/

MfG _Siro.

[Cybaer]

Hi,

3. Das ganze ist vauch in Lynx lesbar

Ich glaube, genau *dafür* wurde ALT erfunden?! =;-))

Gruß, Cybaer