Avatar billede morten_nielsen Nybegynder
16. august 2001 - 17:13 Der er 4 kommentarer og
1 løsning

skift af billede... HJÆLP

Hej jeg er igang med en side, jeg har været inde på http://www.bigbrother.subs.dk , og der er det jeg søger: når man fx. tager musen hen over Jill så kommer der et andet billede frem? hvordan gøres dette.. HJÆLP mig,
Avatar billede Beach Mester
16. august 2001 - 17:16 #1
Du kan lige få koden til on mouse funktionerne både for billeder og text her:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">

<script language=\"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.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\" onMouseDown=\"MM_openBrWindow(\'index.htm\',\'\',\'width=200,height=200\')\" onLoad=\"MM_preloadImages(\'op.gif\')\">
<p onMouseDown=\"MM_openBrWindow(\'index.htm\',\'\',\'width=200,height=200\')\"><a href=\"index.htm\" onFocus=\"if(this.blur)this.blur()\">blabla</a></p>
<p onMouseDown=\"MM_openBrWindow(\'index.htm\',\'\',\'width=200,height=200\')\"><a href=\"bibsen.htm\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage(\'Image1\',\'\',\'op.gif\',1)\"><img name=\"Image1\" border=\"0\" src=\"op.gif\" width=\"340\" height=\"240\"></a></p>
</body>
</html>


//Beach
Avatar billede morten_nielsen Nybegynder
16. august 2001 - 17:18 #2
ømm, det kunne jeg ikke helt forstå.
Avatar billede Beach Mester
16. august 2001 - 17:19 #3
Her er den hvis det KUN er et billede der skal laves onMouse over effekten på inkl. preload som gør at den ikke først skal hente \"billede 2\" når musen kommer over:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"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.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(\'ned.jpg\')\">
<a href=\"index.htm\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage(\'Image1\',\'\',\'ned.jpg\',1)\"><img name=\"Image1\" border=\"0\" src=\"op.gif\" width=\"340\" height=\"240\"></a>
</body>
</html>

//Beach
Avatar billede Beach Mester
16. august 2001 - 17:21 #4
Du skal så bare udskifte ned.jpg med det billede der skal vises når musen er over, og op.gif med det billede der skal vises når musen ikke er over billedet.

Kan du følge mig?

//Beach
Avatar billede Beach Mester
16. august 2001 - 17:23 #5
Ellers er du velkommen til at sende mig dine 2 billeder, så skal jeg på 2 sek. skruge det hele sammen for dig:-)
Så kan du måske nemmere se hvad det er der sker!
Hvilken editor bruger du?

//Beach
beach@pc.dk
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
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

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