onMouseOver = vis billede i div

Dette er taget fra en side jeg sidder og nøler med.... har lidt problemer med at finde fejlen i min måde at placere kasserne korrekt på, men det er præcis det du leder efter, tror jeg... siden ligger her:
http://zarthax.users.whitehat.dk/pageone.htm


Noget af koden der får det til at virke:

[snip]
<div id="home_link" class="menu_box" align="center"><a href="test.htm" class="menu_link" onMouseOver="document.bigimg2.src='gfx/home.jpg';" onMouseOut="document.bigimg2.src='gfx/transperent.gif';">HOME</a></div>

[/snip]

[snip]
<div id="linkmousovera" class="linkmousover_look"><img src="gfx/transperent.gif" width="250" height="120" alt="" border="1" name="bigimg">test</div>
<div id="linkmousoverb" class="linkmousover_look"><img src="gfx/transperent.gif" width="250" height="120" alt="" border="1" name="bigimg2">test2</div>
[/snip]

TRicket er, at >> onMouseOver="document.bigimg2.src='gfx/home.jpg';" << fortæller <div> hvilket billede der vises når musen holdes over linket. (Det er linket der fylder hele <div>...

Håber du kan få noget ud af det...
//zarthax//

Så er de placeret korrekt :)
Nu illustrerer det så også bedre hvad jeg mener med ovenstående :)

Link: (incl. pre-loader)
http://zarthax.users.whitehat.dk/index.htm

//zarthax//

Tak zarthax.

Hmm, jeg har fx. et helt almindeligt link:
<a class="menu" href="/side.php">Link</a><div></div>
Tanken er at der skal vises et billede på 11x7px (pil.gif) i den div, der er efter linket... Det er netop de samme som i dit eksempel, men kan ikke helt gennemskue din kode. :) Hvordan ville du skrive i mit eksempel?

<div id="home_link" class="menu_box" align="center"><a href="/side.php" class="menu" onMouseOver="document.bigimg2.src='gfx/pil.gif';" onMouseOut="document.bigimg2.src='gfx/transperent.gif';">Link</a></div>

Det var din link linje. Nu til pilen, og dens placering på sitet:
<div id="linkmousovera" class="linkmousover_look"><img src="gfx/transperent.gif" width="250" height="120" alt="" border="1" name="bigimg"></div>

Det billede der hedder "transperant.gif" er et 1X1 gennemsigtigt billede lavet i photoshop.
Placering af pilen laver du jo med css... (#linkmouseovera{ position: absolute; top: 100px; left: 100px;}

Det skulle gøre tricket.
I bund og grund burde du ikke skulle andet end at ændre på størrelsen på den div der indeholder "transperant.gif" til 11X7px, ændre billedet til pil.gif i OnmouseOver-elementerne, og så ændre placeringen af dine pile i style sektionen.. :)

//zarthax//

Hej. Jeg har brugt dette script i stedet: http://wsabstract.com/script/script2/arrowimage.shtml Det er lidt nemmere, synes jeg, men du skal alligevel have mange tak for ulejligheden, Zarthax. :)

Læg et svar, så deler vi.

Nah, snup du dem bare selv :-)

//zarthax//

Nå, okay. Men tusing tak alligevel. :)

Anytime ;-)