SwapImage & Verlinkung

[dropsi]

Hallo,

ich habe für eine Navigation einen ganz normalen hover per CSS zum wechseln des Hintergrundbildes.
Nun soll aber zusätzlich neben der Navigation für jeden Menüpunkt noch ein extrem Bild erscheinen und dafür habe ich folgenden Codeschnipsel verwendet:

function swapImage(imgName,swapImg)
{
document.images[imgName].src=swapImg;
}

<ul>
    <li><a href="#" onmouseover="swapImage('start','pic01.jpg')"><img src="pic01_th.jpg" alt="load pic01"></a></li>
    <li><a href="#" onmouseover="swapImage('start','pic02.jpg')"><img src="pic02_th.jpg" alt="load pic02"></a></li>
    <li><a href="#" onmouseover="swapImage('start','pic03.jpg')"><img src="pic03_th.jpg" alt="load pic03"></a></li>
    <li><a href="#" onmouseover="swapImage('start','pic04.jpg')"><img src="pic04_th.jpg" alt="load pic04"></a></li>
    <li><a href="#" onmouseover="swapImage('start','pic05.jpg')"><img src="pic05_th.jpg" alt="load pic05"></a></li>
</ul>

<div id="imageBox">
   <img src="pic00.jpg" alt="" name="start">
</div>

Die ImageBox ist jetzt der Bereich, wo das große Bild je nach Menüpunkt wechselt - wie kann ich diesen Bereich jetzt noch zusätzlich mit verlinken (abhängig von den Menüpunkten)?
Das Problem für mich ist, dass das Verweisziel des Link genauso wie das Bild je nach Menüpunkt gewechselt werden müsste.

Vielen Dank im Voraus.

 

[Maik]

Hi,

wie wäre es denn der Einfachheit halber hiermit?

• http://www.cssplay.co.uk/menu/filmstrip-v2.html

Hier besitzen die <li>-Elemente der unsortierten Liste jeweils eine zunächst versteckte <ul>-Liste, die den grafischen Verweis im Großformat enthält.

mfg Maik

 

[dropsi]

Hallo,

sieht auf den ersten Blick nach genau dem aus, was ich suchte.
Werde es morgen mal ausprobieren.

Danke