Avatar billede Smorkongen Nybegynder
14. marts 2012 - 13:41 Der er 4 kommentarer og
1 løsning

Cross browser gif

Er det muligt at skifte et billed alt efter hvilken browser folk besøger siden med.

Det er en slider hvori der er en gif animation. Problemet er dgif animationen ikke spiller i alle browsere.

Jeg kan ikke få gif animationen til at kører i firefox. Nogen der kunne have et bud på hvorfor ?
Avatar billede olebole Juniormester
14. marts 2012 - 15:42 #1
<ole>

Gif-formatet understøttes X-browser - og understøttes også af Firefox. Der må være andre grunde. Prøv at lægge et link til et eksempel

/mvh
</bole>
Avatar billede Smorkongen Nybegynder
14. marts 2012 - 19:06 #2
Tak for svar olebole. Jeg fandt ud af hvor problemet var. Gif animationen var ikke lang nok til firefox.

Den må i firefox preloade animationen så når den kommer til animationen i slideren er den allerede slut. Hvilket så ikke sker i de andre browsere.

Det er et gæt men det virkede hvertfald at lave animationen længere og sætte den på repeat i Ps.

Det er generelt en dårlig ide at bruge gif animationer ikke? Tager det tid for brugeren at loade ?

Findes der en god måde man kan reducere filen, andet end at gøre den mindre i Ps ? Kan ikke gøre den mindre i Ps da kvaliteten så vil blive for ringe :(
Avatar billede olebole Juniormester
14. marts 2012 - 19:25 #3
Hvis giffen er preloaded, burde den faktisk være kørt til ende i alle browsere. Du kan prøve dette 'hack', som også virker i FF:

<script type="text/javascript">
function fooBar() {
    var elm = document.getElementById("foo");
    elm.setAttribute("src", elm.getAttribute("src"));
}
</script>

<p><img id="foo" src="foo.gif"></p>

<p><button onclick="fooBar()">Reload</button></p>

Gif - og specielt i animeret form - er ikke det 'fedeste' format og bliver mere og mere udfaset. Faktisk kan man embedde 'ubehagelig' kode i en animeret gif og i visse situationer få den afviklet på brugerens maskine  :o|

Som alternativ kan du bruge en såkaldt sprite i PNG-format - hvilket i øvrigt også gør, at animationen kan indeholde semitransparens og derfor 'blande blødt' mod baggrunden. Jeg har skrevet denne guide om emnet. Den kan du jo prøve at tjekke  =)
Avatar billede Smorkongen Nybegynder
15. marts 2012 - 22:58 #4
Har kigget på det tror ikke det vil passe til det jeg har gang i desværre. Måske mig der ikke lige kan finde hoved og hale i det. Tak for svar.
Avatar billede Smorkongen Nybegynder
15. marts 2012 - 22:58 #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