Avatar billede jakobdo Ekspert
22. oktober 2003 - 15:56 Der er 12 kommentarer og
1 løsning

Kompatibel med Mozilla.

Hej,
jeg har lavet denne side:

http://www.damgaard-olsen.dk/chrTest/index.html

Koden kommer her:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Christian Test Gif...</TITLE>
<!-- TWO STEPS TO INSTALL PRELOAD IMAGES:

  1.  Paste the first into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Copy this code into the HEAD of your HTML document  -->

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

<!-- Free JavaScript Rollover Buttons from -->
<!-- http://www.wilsoninfo.com -->

<!-- Begin

image1 = new Image();
image1.src = "head_ani_1.gif";

image2 = new Image();
image2.src = "head_ani_2.gif";

// End -->
</script>
</HEAD>

<!-- STEP TWO: Insert this code into the BODY of your HTML document  -->

<BODY>

<table>
<tr>
    <td>
        <a target="_blank" href="http://www.damgaard-olsen.dk" onMouseOver="image1.src='head_ani_1.gif';" onMouseOut="image1.src='head_1.gif';"><img id="image1" name="image1" src="head_1.gif" border=0 alt="image1"></a>
    </td>
    <td>
        <a target="_blank" href="http://www.virus112.dk" onMouseOver="image2.src='head_ani_2.gif';"><img id="image2" name="image2" src="head_2.gif" border=0 alt="image2"></a>
    </td>
</tr>
<tr>
    <td>
        Den her kører uendeligt, <br>så længe du har musen over...       
    </td>
    <td>
        Den her kører engang, <br>også selvom musen er fjernet,<br>dog hvis musen sættes over, <br>startes forfra...
    </td>
</tr>
</table>

</BODY>

</html>

Hvorfor virker dette ikke med Mozilla?
Den består W3 Validator, så det må altså være noget med Javascriptet... :o(
Avatar billede roenving Novice
22. oktober 2003 - 16:03 #1
Fordi du bruger det samme navn til dine javascript-variable og dine billeder, samt at du forudsætter at browseren understøtter document.all ...

Prøv:

<a target="_blank" href="http://www.damgaard-olsen.dk" onMouseOver="document.images['image1'].src='head_ani_1.gif';" onMouseOut="document.images['image1'].src='head_1.gif';"><img id="image1" name="image1" src="head_1.gif" border=0 alt="image1"></a>
Avatar billede bearhugx Nybegynder
22. oktober 2003 - 16:06 #2
Jeg tror problemet er, at head_ani_2.gif ikke loop'er dens gif animation - jeg kan nemlig få den til at virke _en gang rundt_ og så ikke mere ...

Derimod kan jeg se at head_ani_1.gif virker (og loop'er ok)

prøv at tag en kopi af head_ani_1.gif , omdøb den til head_ani_2.gif og prøv igen...
Avatar billede bearhugx Nybegynder
22. oktober 2003 - 16:09 #3
Hvis du prøver i IE så vil head_ani_2.gif hellerikke loop'e rundt (bar hold musen over "2" indtil den er færdig...

Hvor der så er forskel på IE og Moz er, at hvis du rykker musen væk fra "2" og så hen over den igen i IE, så bliver gif-animationen genstartet - Hvilket den ikke gør i Moz...

Og det kan meget vel have noget at gøre med det som roenving siger - med at henvise til billedet via document.all (IE style)
Avatar billede jakobdo Ekspert
22. oktober 2003 - 16:12 #4
Den første er en uendelig loop gif...
Den anden er en gif animation som kører engang...
Avatar billede jakobdo Ekspert
22. oktober 2003 - 16:13 #5
roenving: Din svar virker stadig i IE6, men stadig ikke i Mozilla...
Avatar billede roenving Novice
22. oktober 2003 - 16:20 #6
Hvad med at prøve:

        <a target="_blank" href="http://www.damgaard-olsen.dk" onMouseOver="document.getElementById('image1').src='head_ani_1.gif';" onMouseOut="document.getElementById('image1').src='head_1.gif';"><img id="image1" name="image1" src="head_1.gif" border=0 alt="image1"></a>


-- så står IE4 ganske vist af, men moderne brosere er på !-)
Avatar billede jakobdo Ekspert
22. oktober 2003 - 16:42 #7
Virker stadig ikke i Mozilla...
Avatar billede jakobdo Ekspert
22. oktober 2003 - 16:44 #8
Roenving sider du og tester min side i Mozilla?
For jeg tror man skal lave en funktion som gør det med at swappe billeder...
Avatar billede roenving Novice
22. oktober 2003 - 16:47 #9
Giffen virker heller ikke om du loader den direkte i Mozilla !-)

-- så der må være noget med giffen !-)
head_ani_2.gif
Avatar billede roenving Novice
22. oktober 2003 - 16:48 #10
-- og når den sættes ind i IE virker den glimrende, men du kan jo prøve det direkte link:

http://www.damgaard-olsen.dk/chrTest/head_ani_2.gif
Avatar billede roenving Novice
22. oktober 2003 - 16:55 #11
-- og hvis du checker properties vha. højre-klik (copy image location eller sådan noget) kan du se, at det faktisk er skiftet '-)
Avatar billede jakobdo Ekspert
23. oktober 2003 - 08:25 #12
Meget mærkeligt... Jeg har lavet gif'en i CoffeeCup Gif Animator... :o(
Men så må jeg jo bare lige rode lidt med gif'en...
Avatar billede roenving Novice
24. oktober 2003 - 16:05 #13
-- tak for points ;~}
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