Avatar billede lars_jensen Nybegynder
05. februar 2002 - 07:07 Der er 1 kommentar

Animationsproblem i Menu, specielt Mac, Netscape4.72 og Opera6

Hej,

Under min sitetest på http://www.eksperten.dk/spm/167262 og min egen interne browser test er jeg blevet opmærksom på et lille kedeligt problem i min menu... Og når design og indhold er crossbrowser kompatibelt i >IE5, >NS4.07 samt >Opera6 (længere er jeg ikke kommet) kan det ikke passe at menuen driller

Det jeg har er, at menuen skal trigger en animation ved onMouseOver, eller rettere sagt - skal reloade det billede der allerede er loadet. Billedet indeholder en animation der gennemløber én gang og stopper. Jeg anvender ikke trigger på onmouseout.

Problemet er, at ikke at det ikke virker... Men på Netscape4.72, Opera6 samt IE på MAC virker det kun første gang, og ikke mere... Altså anden gang musen føres over, sker der absolut nada.

Mit JS er som følger
<script language="JavaScript" type="text/javascript">
<!--
    function newImage(arg) {
        if (document.images) {
            rslt = new Image();
            rslt.src = arg;
            return rslt;
        }
    }
   
    function changeImages() {
        if (document.images && (preloadFlag == true)) {
            for (var i=0; i<changeImages.arguments.length; i+=2) {
                document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
            }
        }
    }
   
    var preloadFlag = false;
    function preloadImages() {
        if (document.images) {
            menu_over = newImage("gfx/button_menufade.gif");
            preloadFlag = true;
        }
    }
   
    function nsResize() {
        // wait a sec. and then reload the page
        myTimer = setTimeout("location.reload()",1000);
    }
    window.onresize = nsResize;

    winW = "100%";
    if (document.layers) winW = window.innerWidth;

    var mainTable = '<table width="'+winW+'" cellspacing="0" cellpadding="0" border="0" align="left">';
    preloadImages();
//-->
</script>

hvor jeg inkluderer en preloader og billedeskift.

Jeg trigger med følgende kode
<a href="?Ref=curriculumvitae" onMouseOver="changeImages('buttonfive', 'gfx/button_menufade.gif'); return true;"><img src="gfx/menu_curriculumvitae.gif" width="165" height="20" alt="" border="0"></a>

Gode idéer og specielt løsninger modtages med kyshånd. Selve løsningen kan ses på http://lars.jensen.name


/ Lars

PS. Jeg vil nok virke lidt fraværende - det skyldes jeg om et blikøje iler til hospitalet for at overvære fødslen af mit første barn :o)
Avatar billede noia Nybegynder
05. februar 2002 - 08:04 #1
jeg kan ikke hjælpe dig, fordi jeg aner ikke noget om det, men jeg kan da godt lige ønske dig tillykke :-)
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