Rollover Effeckt?

krimecing

hi leute hoffe jemand kann mir helfen, versuche einen rollover effekt und bekomme es aber nicht hin :-|.

[wenn cursor rüberfährt soll der schalter sich bewegen]

http://img2.imagebanana.com/img/eyj45au6/heb01.gif
http://img2.imagebanana.com/img/9twcntwg/heb02.gif

habe schon diese hilfe bekommen:

Code

<style type="text/css">
.schalter
{
    background-image: url(images/schalter_oben.jpg);
    background-repeat: no-repeat;
}
.schalter:hover /* beim Berühren mit Maus */
{
    background-image: url(images/schalter_unten.jpg);
}
</style>




<!-- irgendwo weiter unten im Quelltext... -->


<span class="schalter">

Alles anzeigen

aber wenn ich das einbaue funktionert das leider nicht :cry:.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

Das funktioniert im IE nicht, der kann :hover nur bei Links:

(PS: Prinzipiell ist es eine gute Idee, nur ein Hintergrundbild mit beiden Schaltern zu verwenden, und das beim Hovern nur anders zu positionieren, so dass der jeweils aktive Schalter eingeblendet wird. Dann muss die Grafik nicht jedesmal neu geladen werden.)

krimecing

also ist der code so ok für firefox?
man kann das ja auch noch mit java machen oder?

gruß :mrgreen:

marX

FF sollte damit umgehen können, ja. IE benötigt halt statt <span> ein <a>-Element, dann kann ers auch.

Mit Java kannst du das natürlich auch machen, auch mit JavaScript. ;-) Oder Flash. Wer allerdings diese nicht (aktiviert) hat sieht den Effekt nicht.

krimecing

mhhhhhhh irgend wie funktioniert das bei mir nicht :cry:
kann mir mal einer bei dem code helfen :confused: das wäre super :-D

dankkkkkkkkkkkeeeeeeeee :mrgreen:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Rollover Effeckt?

Jetzt mitmachen!