Avatar billede columbus Nybegynder
05. juli 1999 - 22:27 Der er 3 kommentarer og
1 løsning

Skift billede ved onmouseover og ved klik

Hvordan kan man lave et script der skifter billeder når musen er over, men som også får billedet til at blive, når man klikker på det?
Første del af spørgsmålet har jeg set flere steder, men jeg vil gerne have at det billede man ser når musen er over, også bliver der ved klik derpå. Til brug for menu..
Avatar billede graae Nybegynder
05. juli 1999 - 22:43 #1
Dette burde virke:

<script language="JavaScript">
<!-- Hide from old browsers

if (navigator.appVersion.indexOf("2.") != -1){
    check = false;
    }
if ((navigator.appVersion.indexOf("3.") != -1) && (navigator.appName.indexOf("Explorer") != -1)){
    check = false;
    }
else {
    check = true;
    }
if (check == true){
    image1 = new Image();
    image1.src = "IMAGE OFF #1";
    image1on = new Image();
    image1on.src = "IMAGE ON #1";
    image1stay = new Image();
    image1stay.src = "IMAGE STAY #1";

    image2 = new Image();
    image2.src = "IMAGE OFF #2";
    image2on = new Image();
    image2on.src = "IMAGE ON #2";
    image2stay = new Image();
    image2stay.src = "IMAGE STAY #2";
}

imageStay = ""

function imageon(name){
    if (imageStay != name){
            document[name].src = eval(name + "on.src");
    }
}
function imageoff(name){
    if (imageStay != name){
            document[name].src = eval(name + ".src");
    }
}

function on(name){
        if (check == true){
    imageon(name);
    }
}
function off(name){
        if (check == true){
    imageoff(name);
    }
}

function stay(name){
    if (check == true){
    document[name].src = eval(name + "stay.src");
    if (imageStay != name){
        if (imageStay != ""){
            document[imageStay].src = eval(imageStay + ".src");
        }
    }
    imageStay = name
    }
}
// -->
</script>
Avatar billede jumper Nybegynder
06. juli 1999 - 11:39 #2
Hvorfor skriver du dette:

if (navigator.appVersion.indexOf("2.") != -1){
    check = false;
    }
if ((navigator.appVersion.indexOf("3.") != -1) && (navigator.appName.indexOf("Explorer") != -1)){
    check = false;
    }
else {
    check = true;
    }


Når du kan nøjes med at skrive dette:

if (document.images){

Færdig arbejde! Så tjekker du blot om browseren understøtter billedskift, istedet for at tjekke efter en specifik version!

/Thor
Avatar billede columbus Nybegynder
06. juli 1999 - 20:16 #3
graae: det var lige det script jeg skulle bruge. Tak
jumper: jeg kunne ikke få det til at virke men det er også ligemeget
Nu bliver det godt nok jumpers svar jeg accepterer. Det skulle egentlig være graaes. Sorry..
Avatar billede jumper Nybegynder
12. juli 1999 - 13:52 #4
nej, det er jo graaes svar du har accepteret.

/Thor
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