Avatar billede andreas13_fam Nybegynder
21. marts 2009 - 15:05 Der er 4 kommentarer og
1 løsning

Problemer med width og height og gif animation

Jeg er ved at forsøge at lave en lightbox som er valid, men jeg har et problem med at få loading.gif i de rigtige dimensioner.

Test siden er her: http://www.netkogeren.a-mweb.dk/billede.html
Funktionen udløses ved at klikke på billedet.
Funktionen er baseret på DOM så i finder HTML koden nederst.

I firefox  kan det ses at loading.gif er en animation dog fylder den hele boksen hvilket den ikke skal. Mens loading.gif i IE bare ses som et billede og stadig er for stort.
JS: http://www.netkogeren.a-mweb.dk/MyBox/mybox.js
CSS: http://www.netkogeren.a-mweb.dk/MyBox/css.css
Avatar billede andreas13_fam Nybegynder
21. marts 2009 - 20:07 #1
Det ser ud som om at functionen der visser billedet bliver udført med det samme, dom bliver .src ikke lavet om.

    //Load billede
    Loadbillede = new Image();
    Loadbillede.src = real;
    Loadbillede.onload=imagesLoaded();
        function imagesLoaded()
        {
        document.getElementById('MyboxBig').src = real;
        document.getElementById('MyboxBig').style.width = bred - (forstor * 2) + 'px';
        document.getElementById('MyboxBig').style.height = hoj - (forstor * 2) + 'px';
        document.getElementById('MyboxBig').style.left = 0 + 'px';
        document.getElementById('MyboxBig').style.top = 0 + 'px';
        }
}

skriver man det sådan:

    //Load billede
    Loadbillede = new Image();
    Loadbillede.src = real;
    Loadbillede.onload=imagesLoaded();
        function imagesLoaded()
        {
        }
}
virker det, dog visses billedet ikke ;)
Så håber jeg det er en brugbar oplysning.
Avatar billede andreas13_fam Nybegynder
21. marts 2009 - 21:47 #2
I IE for jeg denne fejl meddelse:
--copy--
Detaljer om fejl på websiden

Meddelelse: Ikke implementeret

Linje: 54
Tegn: 2
Kode: 0
URI: http://netkogeren.a-mweb.dk/MyBox/mybox.js
Avatar billede andreas13_fam Nybegynder
21. marts 2009 - 21:57 #3
Nu går jeg da snart helt i selvkoma.
(Ja det er et råb om hjælp)
Avatar billede andreas13_fam Nybegynder
22. marts 2009 - 10:19 #4
Jeg fik det til t virke med, det skaber dog et andet problem i IE.
    Loadbillede.onload=function()
        {
        document.getElementById('MyboxBig').src = Loadbillede.src;
        document.getElementById('MyboxBig').onload = function()
            {
            document.getElementById('MyboxBig').style.width = bred - (forstor * 2) + 'px';
            document.getElementById('MyboxBig').style.height = hoj - (forstor * 2) + 'px';
            document.getElementById('MyboxBig').style.left = 0 + 'px';
            document.getElementById('MyboxBig').style.top = 0 + 'px';
            }
        }
Avatar billede andreas13_fam Nybegynder
22. marts 2009 - 10:28 #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