Gå til innhold

onMouseover

Marvil

Av Marvil
i Programmering og webutvikling

Anbefalte innlegg

Marvil

Marvil

Skrevet
Skrevet

Skal ha onMouseover på siden min, men sliter litt..

 

Enden laget dette scriptet:

<img src ="img/linkbilde.gif" name ="linkbilde" onmouseover ="linkbilde.src ='img/linkover.gif'" onmouseout ="linkbilde.src ='img/linkbilde.gif'" />

 

Med mine bilder:

<img src ="http://aroneid.viper.easyisp.org/knapp_norm.gif" name ="normal" onmouseover ="linkbilde.src ='http://aroneid.viper.easyisp.org/knapp_over.gif'" onmouseout ="linkbilde.src ='http://aroneid.viper.easyisp.org/menyknapp_norm.gif'" />

 

Hva er feil her..? (Linkene funker ikke, men det er ikke problemet). Får melding om Feil på Siden. Er det mer som skal byttes ut kanskje..?

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
funkweb

funkweb

Skrevet
Skrevet (endret)

Du har vel satt inn script ? det må til for at mouseover skal funke.

 

Her:

 

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
 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_preloadImages() { //v3.0
 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_findObj(n, d) { //v4.01
 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() { //v3.0
 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>

 

Jeg testet og brukte denne koden:

<body onLoad="MM_preloadImages('bilde_1.gif')">
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Galleri','','bilde_1.gif',1)"><img src="bilde_2.gif" name="Galleri" width="312" height="312" border="0"></a>

Endret av funkweb
Lenke til kommentar
Marvil

Marvil

Skrevet
  • Forfatter
Skrevet

funkweb; det var da en lang kode du hadde..

 

Jeg bruker denne, og den funker helt fint;

<img src ="img/linkbilde.gif" name ="linkbilde" onmouseover ="linkbilde.src ='img/linkover.gif'" onmouseout ="linkbilde.src ='img/linkbilde.gif'" />

 

enden; lurte på om det var en annen måte å gjøre det på om man hadde mangen bilder, men tviler egentlig (vertfall ikke om man bruker den koden jeg bruker..)

Lenke til kommentar
funkweb

funkweb

Skrevet
Skrevet
funkweb; det var da en lang kode du hadde..

 

Jeg bruker denne, og den funker helt fint;

<img src ="img/linkbilde.gif" name ="linkbilde" onmouseover ="linkbilde.src ='img/linkover.gif'" onmouseout ="linkbilde.src ='img/linkbilde.gif'" />

 

enden; lurte på om det var en annen måte å gjøre det på om man hadde mangen bilder, men tviler egentlig (vertfall ikke om man bruker den koden jeg bruker..)

Ja.

Sorry..

Faktisk bedre og gjøre sånn som du sa. :blush: hehe.

Lenke til kommentar
jorgis

jorgis

Skrevet
Skrevet

Det er en fordel om du kan bruke et preload-script, slik at bildet lastes før man holder musen over. Hvis dine besøkende har f.eks. modem, eller bildene dine er veldig store, vil folk ikke se mouseover-effekten før bildet som skal vises når du holder musen over er lastet.

 

Ta med:

function MM_preloadImages() { //v3.0

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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}

}

 

og

 

<body onLoad="MM_preloadImages('bilde_1.gif')">

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...