Avatar billede mjayg Nybegynder
28. juni 2007 - 12:35 Der er 4 kommentarer

Skift billede ved mus over et link

Nogen der kan fortælle mig hvordan jeg opnår at jeg har et område hvor der er nogle billeder, og jeg så har en menu. hvergang man tager musen henover et menupunkt så skal billedet nede i "billedområdet" skifte til et nyt. og billedet skal være det samme for det bestemte link..

se eksempel her:

www.bogoekro.dk
Avatar billede mikkelk Nybegynder
28. juni 2007 - 12:46 #1
En lille tutorial i med javascript at skifte mellem billeder:
http://groan-zone.net/jscript/mouseover.html
Avatar billede roenving Novice
29. juni 2007 - 00:49 #2
-- men den tut er vist udløbet for over 5 år siden, da den er skrevet tilbage i browserkrigens dage, hvor IE4 forsøgte at overtage markedet fra Netscape !o]

-- men jeg tror nu nok, at det faktisk vil virke, men det er absolut ikke noget man skal tro er den rigtige måde at gøre det på (og faktisk tager den ikke højde for en masse andre mærkværdigheder, som browserne finder på, f.eks. at Opera finder på at kalde sig selv IE !-)
Avatar billede mikkelk Nybegynder
29. juni 2007 - 00:55 #3
Det beklager jeg... der var jeg lidt for hurtig og doven.(Gad ikke lige skrive koden selv, så fandt det første det bedste link på google). Sorry.
Avatar billede lolman Nybegynder
29. juni 2007 - 13:18 #4
---
<script language="javascript">
function imageChange(img) {
stdImage = "spacer.gif"; // Billede når man muser ud fra menu-punktet
if (img == 0) {
  img = stdImage;
}
document.getElementById("theImg").src=img;
}
onload=function(){imageChange(0);}
</script>
<ul>
<li><a href="#" OnMouseOver="imageChange('billede1.jpg');" OnMouseOut="imageChange(0);">Link 1</a></li>
<li><a href="#" OnMouseOver="imageChange('billede2.jpg');" OnMouseOut="imageChange(0);">Link 2</a></li>
<li><a href="#" OnMouseOver="imageChange('billede3.jpg');" OnMouseOut="imageChange(0);">Link 3</a></li>
<li><a href="#" OnMouseOver="imageChange('billede4.jpg');" OnMouseOut="imageChange(0);">Link 4</a></li>
<li><a href="#" OnMouseOver="imageChange('billede5.jpg');" OnMouseOut="imageChange(0);">Link 5</a></li>
</ul>
<img src="" id="theImg">
---

Har ikke testet det, men regner med at det virker.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester