Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

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

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

    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[n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.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))!=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

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