[JavaScript] rollover op muis actie

[Verwijderd]

Nou het zit zo,

als je met de muis over een plaatje gaat dan is er een ander plaatje te zien... de bekende roll-over. Het laten zien gebeurd op een onmouseover en het terug zetten met een onmouseout nu wil ik dat als je klikt het 2e plaatje tezien is. Nou doet ie dit wel maar omdat je het plaatje weer verlaat zet ie hem weer terug.

Hoe dit op telossen..

[opmerking]als het te vaag is zeg het maar[/opmerking]

[Verwijderd]

een variabele maken aan het begin van je javascript:

var isClicked = false;

en in je functie onMouseOut:

code:

if (isClicked == false)
{
  verander plaatje;
}

en in je onClick moet je "veranderPlaatje(); isClicked=true;" zetten...

duidelijk genoeg?

[crisp]

Een global variabele een bepaalde waarde geven om aan te geven dat er geklikt is, en dan je onMouseout actie wel of niet uitvoeren aan de hand van de waarde van je variabele...

[Verwijderd]

jah dat ik er zelf niet aan dacht. dank je

[Verwijderd]

onClick i.p.v onMouseOver ?

[huistra]

Zoiets bedoel je?

code:

<!--imageswap voor navigatie-->
<!--Begin
var oldImage = new Object()

function movepic(img_name, img_src)
{
   thisImage = document.images[img_name]
   if (thisImage.clicked != "true") 
   {
    thisImage.oldSrc = thisImage.src;
    thisImage.src = img_src;
   }
}


function klikken(img_name)
{
   oldImage.clicked = "false"
   oldImage.src = oldImage.oldSrc
   oldImage = document.images[img_name]
   oldImage.clicked = "true"
}


//End-->

en dan aanroepen met:

code:

<a href="blaat.htm"  onmouseover="movepic('button1',blaat_on.jpg')" onclick="klikken('button1')" onmouseout="movepic('button1',blaat_off.jpg')">[img]"blaat_off.jpg"></a[/img]

Volgens mij bedoel je dit...suc6

[huistra]

sorry voor het verwarren van de layout, maar ja, tis al laat...