Rollover effekt mal anders

Hallo,

Ich habe hier im Forum und auch in den Weiten von Google 1000 Rollover tutorials gefunden. ICh suche aber etwas bestimmtes, was ich bisher nicht finden konnte..

Und zwar soll, wenn ich über einen bestimmten Link mit der Maus fahre, woanders auf der Seite sich ein Bild ändern, das Bild das geändert werden soll, befindet sich also weit weg von der Maus. Geht sowas und wenn ja - wie?

VIelen Dank fürs Lesen. MfG Melon

sejuma

Müsste z.B. mit einem CSS-Popupfenster gehen:

CSS

Code

a.bild1{
    position:relative;
    z-index:1; background-color:#ccc;
    color:#000;
    text-decoration:none}


a.bild1:hover{z-index:2; background-color:#ff0}


a.bild1 span{display: none;
background-image: url(bild1.gif);
}


a.bild1:hover span{
    display:block;
    position:absolute;
    top:3em; left:20em; width:150px;height:200px;
    border:1px solid #0cf;
 color:#000;
    text-align: center}

Alles anzeigen

HTML

Code

Normaler Text [url='#']Hover Text mit Bildeinblendung<span></span>[/url] normaler Text

Die Position bei

Code

a.bild1:hover span

muss dann der des Ursprungsbildes entsprechen.

Rollover effekt mal anders

Tags

Benutzer online in diesem Thema