Avatar billede mbw Nybegynder
16. december 2002 - 18:03 Der er 15 kommentarer og
1 løsning

Animeret gif ved mouseover

Jeg ved jeg har set dette på nettet men ved ikke lige hvordan jeg skal gribe det an.
Jeg har et animeret gif billede, men det skal kun være animeret ved mouseover, og det skal bare vise det første billede i gif animationen ellers...
Nogle som kan hjælpe???

-Michael-
Avatar billede cdc Novice
16. december 2002 - 18:09 #1
du skal lave to billeder elle flerre, kommer lidt an på hvordan den skal se ud.
Det første billed er den førdte i din animation
nummer to er selve animationen. hvis den er i loop skal du ikke lave flere billeder, men hvis det er fade ud og ind, skal du lave to typer animationer

Hvilken type animation har du tænkt dig ?

/cdc
Avatar billede loss Nybegynder
16. december 2002 - 18:09 #2
tror du ikke bare at du skal bruge 2 billeder.. et animeret og et ikke animeret (den første frame), og så skifte dem ved mouseover/mouseout
Avatar billede mbw Nybegynder
16. december 2002 - 18:11 #3
Æv :-( Håbede på ikke at skulle lave to billeder...
Avatar billede cdc Novice
16. december 2002 - 18:12 #4
du kan ikke med gif animation, så skal du over i noget flash, men hvis du har animationen, så er det jo intet problem i det
Avatar billede nicofrench Nybegynder
16. december 2002 - 18:16 #5
det er meget nemt med to billeder,
du tager frame 1, fra din animation og bruger som første billede.
Avatar billede nicofrench Nybegynder
16. december 2002 - 18:22 #6
såddan gør du:
Læg dette før din body (ser bedst ud i koden)

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() {
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() {
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() {
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
---------------------------------------
skriv dette i din body:
onLoad="MM_preloadImages('DINBilledsti/002.gif')"

---------------------------------------
såddan gør du på dine billeder:

<a href="java script:;" onMouseOver="MM_swapImage('Image1','','DINBilledsti/002.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="DINBilledsti/001.gif" name="Image1" width="15" height="15" border="0" id="Image1"></a>
Avatar billede cdc Novice
16. december 2002 - 18:30 #7
her en med en fad ud ind, kun et eksempel, dette kan også gøres med java script:
http://hjem.get2net.dk/arntsen/eksperten/fade/menu.htm
Avatar billede mbw Nybegynder
16. december 2002 - 19:02 #8
Lige lovlig meget kode for mig... Har bare gjort som loss sagde... Håbede bare på at man på en aller anden måde kunne vise den første frame af et gif bíllede og så lade det køre ved mouseover...
Avatar billede mbw Nybegynder
16. december 2002 - 19:03 #9
nicofrench -> Ellers kæmpe god beskrivelse... :)
Avatar billede nicofrench Nybegynder
16. december 2002 - 19:12 #10
det er også mouse over funktion, den funker i alle browsere (næsten)
Avatar billede mbw Nybegynder
16. december 2002 - 19:16 #11
ja... Men den afhænger stadigvæk af to forskellige billeder hvilket var hvad jeg med spørgsmålet prøvede at undgå :-( Men det er der jo ikke noget at gøre ved... Og preload funktionen er ikek nødvendig for mig da billedet for det første er ret småt og ikke er absolut nødvendigt... Bare en sjov detalje...
Avatar billede cdc Novice
16. december 2002 - 19:18 #12
så må du kaste dig over flash, for det du spørger om kan ikke lade sig gøre, når det drejer sig om en animeret gif

/cdc
Avatar billede nicofrench Nybegynder
16. december 2002 - 19:18 #13
oki...
Avatar billede cdc Novice
16. december 2002 - 19:20 #14
Du skal regne med at din browser kun ser din aninmation som et gif billed.
Avatar billede mbw Nybegynder
16. december 2002 - 19:59 #15
Hvorfor det???
Avatar billede mbw Nybegynder
15. januar 2003 - 12:36 #16
...
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