mousover links rechtz oben unten

Metallica

tag hab mal wieder ne Frage:
also ich hab 5 bilder ein normales,

eins wo das normale rechts unten,

eins wo es rechts oben,

eins wo es links oben und

eins wo es links unten beleuchtet wird

ich will es so machen, dass wenn man mit der maus über den linken oberen teil des normalen bildes fährt, dass dann das bild erscheint, dass links oben beleuchter wird

wie macht man das???

tal.anna

Warum teilst du das bild nicht auf?

Rez

wie gesagt aufteilen und in tabellen verschachteln
EDIT: hier n link
http://www.zdnet.de/downloads/prg/h/x/de0BHX-wc.html

Ronald

Moin!

Das ist aber nichht gerade die Beste Lösung.
Ich würde verweissensitive Flächen benutzen, das sieht dann so aus: http://web306.server3.webplus24.de/testseiten/flaechennavigation

Dafür brauchst du ein Area, 5 Grafiken und etwas JavaScript.
Ich poste hier mal den Quelltext meiner kleinen Datei, vielleicht kommst du damit ja schon klar:

HTML

<html>
<head>
<title></title>
</head>
<body>


<script type="text/javascript" language="JavaScript">
<!--


  var npage = "Main"


  Normal0 = new Image();
  Normal0.src= "grau.jpg";


  Highlight1 = new Image();
  Highlight1.src= "rot.jpg";


  Highlight2 = new Image();
  Highlight2.src= "gelb.jpg";


  Highlight3 = new Image();
  Highlight3.src= "gruen.jpg";


  Highlight4 = new Image();
  Highlight4.src= "blau.jpg";




  function Bildwechsel(Bildnr,Bildobjekt)
  {window.document.images[Bildnr].src = Bildobjekt.src;}
//-->
</script>
<map name="flaeche">
<area shape="rect" coords="0,0,100,100" href="rot.html" alt="Rot" title="Rot" onmouseover="Bildwechsel(0,Highlight1)" onmouseout="Bildwechsel(0,Normal0)">
<area shape="rect" coords="100,0,200,100" href="gelb.html" alt="Gelb" title="Gelb" onmouseover="Bildwechsel(0,Highlight2)" onmouseout="Bildwechsel(0,Normal0)">
<area shape="rect" coords="0,100,100,200" href="gruen.html" alt="Grün" title="Grün" onmouseover="Bildwechsel(0,Highlight3)" onmouseout="Bildwechsel(0,Normal0)">
<area shape="rect" coords="100,100,200,200" href="blau.html" alt="Blau" title="Blau" onmouseover="Bildwechsel(0,Highlight4)" onmouseout="Bildwechsel(0,Normal0)">


[img]grau.jpg[/img]


</body>
</html>

Alles anzeigen

Beschreibung zu den verweissensitiven Flächen findest du hier -> http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm

Sonst frag einfach wieder

G.a.d.M.

Ronald

Tags