Avatar billede wampiro-uha Nybegynder
26. oktober 2003 - 19:57 Der er 4 kommentarer og
1 løsning

Menu-system!

Jeg søger et javascript som gør, når jeg har en masse billeder, at når musen er over skifter billedet, når man fjerner musen hopper den tilbage til det billede som var der før og hvis man klikker så skifter det til at tredje billede.
Det der så er finten er at hvis man klikker så skal, hvis der er klikket på et andet billede, det skifte tilbage til det første...

Det er altså så en menu-system så man kan se hvor man er...

Håber nogen forstår...
Avatar billede skovenborg Nybegynder
26. oktober 2003 - 23:03 #1
tjaa, måske noget i den her stil:
<script type="text/javascript">
billeder = new Array();
billeder.menu1 = ["billede.png","billede_over.png","billede_click.png"];
billeder.menu2 = ["billede2.png","billede2_over.png","billede_click.png"];
var activeBld;
function skiftBld(bld,evnt)
{
        if (activeBld != bld) {
        if (evnt.type == "click")
        {
            if (activeBld) activeBld.src = billeder[activeBld.name][0];
                activeBld = bld;
            bld.src = billeder[bld.name][2];
        }
        else if (evnt.type == "mouseover") bld.src = billeder[bld.name][1];
    else if (evnt.type == "mouseout") bld.src = billeder[bld.name][0];
        else;
        }
}

</script>

<img src="billede.png" name="menu1" onmouseover="skiftBld(this,event);" onmouseout="skiftBld(this,event);" onclick="skiftBld(this,event);" /><img src="billede2.png" name="menu2" onmouseover="skiftBld(this,event);" onmouseout="skiftBld(this,event);" onclick="skiftBld(this,event);" />
Avatar billede skovenborg Nybegynder
26. oktober 2003 - 23:04 #2
pointen er at lave et array fortæller hvad for nogle billeder der skal bruges til de forskellige ting:
billeder.billedename = ["normalt billede","onmouseover billede","onclick billede"];
Avatar billede skovenborg Nybegynder
26. oktober 2003 - 23:10 #3
og her er en lille preload funktion, som altid er god at have:
function preloadBld()
{
    for (i in billeder)
    {
        bld1 = bld2 = bld3 = new Image();
                bld1.src = billeder[i][0];
        bld2.src = billeder[i][1];
        bld3.src = billeder[i][2];
    }
}
preloadBld();
Avatar billede wampiro-uha Nybegynder
27. oktober 2003 - 18:59 #4
Lav et svar :-D

Det virker sgu det hele...

TAKKER!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Avatar billede skovenborg Nybegynder
27. oktober 2003 - 20:05 #5
:-)
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