Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Hoe kan ik foto´s laten verspringen met mijn muis?

4 antwoorden
  • Dag allemaal, Ik zou op mijn site graag een paar plaatjes invoegen die automatisch omspringen naar een ander plaatje wanneer je er met je muis overheen gaat. Dus wanneer je met je muis over het plaatje heen gaat moet er een ander plaatje verschijnen. Kan iemand me daar mee helpen? Zo ja zou iemand die actie misschien in een html code kunnen plaatsen? Voorbaat dank!!!, Peter
  • Dreamweaver geeft de volgende html code (moet ook makkelijker kunnen magoed.. :) ) [quote:e8339221c3]<title>Untitled Document</title> <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> </head> <body onLoad="MM_preloadImages('file:photo2.jpg')"> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','file:photo2.jpg',1)"><img src="photo1.jpg" name="Image1" width="640" height="480" border="0"></a> </body> </html> [/quote:e8339221c3]
  • Dank voor de code, helaas ben ik bezig met Frontpage. Iemand een HTML code?
  • Die hebben we ook in huis :wink: [quote:5bf35900c3]<!-- STEP ONE: Insert this code into the HEAD section of your HTML document --> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin loadImage1 = new Image(); loadImage1.src = "image2.html"; staticImage1 = new Image(); staticImage1.src = "image1.html"; // End --> </script> <!-- STEP TWO: Insert this code into the BODY of your HTML document --> <span onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;"> <img name="image1" src="image1.html" border=0></span>[/quote:5bf35900c3] [b:5bf35900c3]Let op:[/b:5bf35900c3] [quote:5bf35900c3]# Copy and paste the first piece of code between the <head> </head> section of your webpage. # Copy and paste the individual pieces of the second code into your webpage where you want the mouseover image placed.[/quote:5bf35900c3] Veel su6 ermee!

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.