Avatar billede thomasahlers Nybegynder
22. oktober 2002 - 23:22 Der er 7 kommentarer og
1 løsning

On Mouse over & On Mouse Click

Leder efter et enkelt script der skifter billede når man kører musen hen over, samt skifter til et tredje billede når man klikker på linket.
Avatar billede ztyxx Nybegynder
22. oktober 2002 - 23:30 #1
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
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.0
  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 && document.getElementById) x=document.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];}
}

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;
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('ild.jpg')">
<a href="java script:;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','port.gif',1)" onClick="MM_swapImage('Image1','','ild.jpg',1)"><img src="folderlink.gif" width="107" height="98" border="0" name="Image1"></a>
</body>
</html>
Avatar billede cdc Novice
22. oktober 2002 - 23:30 #2
Har du DreamWeaver, der ligger det en funktion
Avatar billede ztyxx Nybegynder
22. oktober 2002 - 23:33 #3
i øverste eksempel viser billedet det første når musen ikke holdes over billedet efter klik, denne beholder billedet der vises når der klikkes

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
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.0
  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 && document.getElementById) x=document.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>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('ild.jpg', 'port.gif', 'folderlink.gif')">
<a href="java script:;" onMouseOver="MM_swapImage('Image1','','port.gif',1)" onClick="MM_swapImage('Image1','','ild.jpg',1)"><img src="folderlink.gif" width="107" height="98" border="0" name="Image1"></a>
</body>
</html>
Avatar billede ztyxx Nybegynder
22. oktober 2002 - 23:34 #4
lavet i Dreamweaver, som /cdc foreslår du kan gøre det med
Avatar billede knudgert Nybegynder
22. oktober 2002 - 23:41 #5
<html>
<head>
<script>
var mit_billede1 = new Image();
mit_billede1.src = "2.jpg";
var mit_billede1 = new Image();
mit_billede1.src = "3.jpg";
</script>
</head><body>
<a href="#"
onMouseOver="document.mit_billede1.src='2.jpg';"
onClick="document.mit_billede1.src='3.jpg';"
onMouseOut="document.mit_billede1.src='1.jpg';">
<img src="1.jpg" name="mit_billede1" border="0"
width="100" height="100" alt="Linktekst"></a>
</body></html>
Avatar billede knudgert Nybegynder
22. oktober 2002 - 23:42 #6
Det var dog en frygtelig bunke kode DW laver til noget så simpelt.
Avatar billede thomasahlers Nybegynder
01. november 2002 - 16:48 #7
Tak for hjælpen med lidt smårettelser fik jeg dit til at virke Knudgert:)
Avatar billede svenne182 Nybegynder
14. april 2004 - 19:57 #8
jeg kan ikke helt få det til at virke...
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