Avatar billede gruppe422 Nybegynder
31. marts 2002 - 16:49 Der er 11 kommentarer og
1 løsning

Billedskift ved mouseover

Billedskift ved mouseover

Hej, jeg har brug for noget hjælp. Jeg skal lave en mouseover funktion, hvor et billed skifter et andet sted på siden. (se link). Knap 1 virker ok, men jeg kan ikke få knap 2 og 3 til at virke. knap 2 skal vise billedet "img_14.jpg", og knap 3 skal vise "img_15.jpg". Og de skal alle vise "img_16.jpg" når musen ikke er over.

http://www21.brinkster.com/splif/mouseover/start.htm

Er der nogle der kan hjælpe mig med det?
Avatar billede ducks Nybegynder
31. marts 2002 - 16:50 #1
www.html.dk - under scripts har de et
Avatar billede pesa Nybegynder
31. marts 2002 - 16:55 #2
Det du søger tror jeg kan findes på http://www.eksperten.dk/spm/156025
Avatar billede gruppe422 Nybegynder
31. marts 2002 - 16:59 #3
jeg har prøvet det, men jeg kan ikke finde ud af det?
Avatar billede pesa Nybegynder
31. marts 2002 - 17:20 #4
Prøver lige at finde en løsning...
Avatar billede pesa Nybegynder
31. marts 2002 - 17:23 #5
Jeg har en løsning, men den opfylder ikke "Og de skal alle vise "img_16.jpg" når musen ikke er over." :(
Avatar billede gruppe422 Nybegynder
31. marts 2002 - 17:34 #6
okay, hvad sker der så?
Avatar billede gruppe422 Nybegynder
31. marts 2002 - 17:39 #7
må jeg se...
Avatar billede pesa Nybegynder
31. marts 2002 - 17:40 #8
Prøv at se www.netline.dk . Der er det du søger. Jeg må indrømme at jeg ikke helt kan gennemskue kildekoderne, men det kan du måske.
Avatar billede pesa Nybegynder
31. marts 2002 - 17:42 #9
Ja, du må gerne se:

<html>
<head><title>Mouseover</title>
<script language="javascript">
function skiftBil(layer,imgName,imgObj) {
    if (document.layers && layer!=null)
eval('document.'+layer+'.document.images["'+imgName+'"].src = '+imgObj+'.src');
    else document.images[imgName].src = eval (imgObj+".src");
    }

function preload(imgObj,imgSrc) {
    if (document.images) {
        eval(imgObj+' = new Image()')
        eval(imgObj+'.src = "'+imgSrc+'"')
    }
}
preload('normal','4.jpg.gif')
preload('bil1','1.jpg')
preload('bil2','2.jpg')
preload('bil3','3.jpg')
</script>

</head>
<body>

<a href="#" onMouseOver="skiftBil(null,'overbillede','bil1')" onMouseOut="skiftBil(nul,'overbillede','normal')"><img src="1.jpg"></a><br>
<a href="#" onMouseOver="skiftBil(null,'overbillede','bil2')" onMouseOut="skiftBil(nul,'overbillede','normal')"><img src="2.jpg"></a><br>
<a href="#" onMouseOver="skiftBil(null,'overbillede','bil3')" onMouseOut="skiftBil(nul,'overbillede','normal')"><img src="3.jpg"></a><br>
<br><br><br>

<img src="4.jpg" name="overbillede">
</body>
</html>


Så skal billedernes koder bare lige skiftes engang.
Avatar billede pesa Nybegynder
31. marts 2002 - 17:46 #10
Avatar billede gruppe422 Nybegynder
31. marts 2002 - 17:52 #11
jeg prøver mig frem, tak for hjælpen...
Avatar billede pesa Nybegynder
31. marts 2002 - 17:54 #12
Jamen det var da så lidt. Held og lykke med koderne og tak for pointene.
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