Mouseovereffekt

Dazu benötigst du javascript. Dann kannst du das bild dynamisch einblenden und ausblenden lassen. Dazu musst du im link das onmouseover und onmouseout attribute setzten und darüber die entsprechenden Anweisungen in js geben.

Siehe auch:
> SelfHTML: JavaScript: EventHandler
> SelfHTML: JavaScript: images.src

Die meiner Ansicht nach bessere Methode, ist mit CSS ...
JavaScript wird vielleicht geblockt, CSS sicher nicht ...

Moin!

Mit CSS geht so etwas nicht, damit kannst du keine Grafik ändern, welche sich irgendwo anders auf der Seite befindet. Mit Stylesheets kannst du nur die Hintergrundgrafik des Links ändern.

G.a.d.M.

Ronald

Ja, aber man könnte doch eine Tabelle mit einer Zelle machen und dann ein Bild als Link und bei "a:hover" dann bildwechsel ... oder geht das nicht?

wie willst du mit css bestimmten das irgendwo etwas angezeigt wird ?
du kannst doch nur bestimmen was mit dem eigenen objekt passiert...

hab selber sowas grad erst gmacht, also falls du noch interesse hast,
vielleicht kann ichs so ausm kopf wieder zusammensetzen *g*

DAfpür brauchst du keine Tabelle, das kannst du auch mit einem normalen A-Tag machen. Problematik dabei ist blos, daß der Link sich immer irgendwie im und über dem Element befinden muß, welches den Hintergrund trägt.

Wenn du z.B. links eine Navigation hat und rechts oben auf der HP die jeweils zum Link gehörige Grafik anzeigen willst, dann wirst du da ohne Javascript nicht. Gleiches gilt, wenn für mehrere Links an immer derselben Stelle auf der Seite unterschiedliche Grafiken angezeigt werden sollen.

Also nur mit CSS ist es kaum zu realisieren oder wenn doch, dann nur mit einer ziemlich gewagten Tag-Verschachtelung.

G.a.d.M.

Ronald

Mit Hilfe eines Hintergrundbildes lässt sich mit CSS sowas konstruieren:

CSS

a.bild{ 
    position:relative; /*this is the key*/ 
    z-index:1; background-color:#ccc; 
    color:#000; 
    text-decoration:none} 


a.bild:hover{z-index2; background-color:#ff0} 


a.bild span{display: none} 


a.bild:hover span{ /*the span will display just on :hover state*/ 
    display:block; 
    position:absolute; 
    top:10px; left:10px; width:300px;height:150px; 
    border:1px solid #0cf; 
    background-image:url(deinbild.jpg);
background-repeat:no-repeat;
 color:#000; 
    }

HTML

[url='zielseite.html']Linktext <span>[/url]

Bei unterschiedlichen Bilder müsstest du je Bild dann eine eigene Klasse bilden.
Zur Erläuterung:
bei a.bild:hover bestimmst du mit den Werten top und left die Positionierung des Bildes. Bei width und height setzt du die Pixelwerte des jeweiligen Bildes ein.