Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

mouseover probleem

8 antwoorden
  • hallo, ik wil een mouseover maken, maar deze wil maar niet werken en ik weet niet wat ik fout doe. <html> <head> <title>New Page 1</title> </head> <body> <table border="1" width="100%"> <tr> <td width="33%" background="achtergrond.jpg"><img border="0" src="pijltjeblank.gif" width="20" height="20"></td> <td width="33%"><img border="0" src="plaatje.gif" width="108" height="25" onMouseOver="document.pijltjesmouseover.src='pijltjesmousover.gif'" onMouseOut="document.pijltjeblank.src='pijltjeblank.gif'"></td> <td width="34%"> </td> </tr> <tr> <td width="33%" background="09232487.jpg"><img border="0" src="pijltjeblank.gif" width="20" height="20"></td> <td width="33%"><img border="0" src="plaatje1.jpg" width="66" height="80"></td> <td width="34%"> </td> </tr> </table> </body> </html> Nu wil ik dus dat als ik met mijn muis over 'plaatje' of 'paatje1' ga, dat pijltjeblank verandert in pijltjesmouseover. kan iemand mij zeggen wat ik hierboven fout doe. ik heb de mouseover alleen nog maar bij het eerste plaatje geprobeerd.
  • [url=http://forum.computertotaal.nl/phpBB/viewtopic.php?t=70151]staat hier misschien iets nuttigs?[/url]
  • ik snap niet waar je heen wilt met deze link gozeling niks nuttigs vor mijn vraag bovendien dit is een specifieke vraag
  • Ik zie het, iets verkeerd gelezen. Ik denk dat het meer op deze manier moet: verander: document.pijltjesmouseover.src & document.pijltjeblank.src in: document.background.="pijltjenogiets.ext". (weet niet zeker of het klopt, maar het moet in die richting zitten.
  • maar je image heeft toch helemaal geen naam? ik zie iig geen tag name="pijltjemouseover" oid.. dan kan je hem ook niet aanspreken onder die naam. maargoed: kijk eens op: http://javascript.internet.com/miscellaneous/change-image.html t.
  • Misschien op deze manier: [code:1:8c4d2cb9bc] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Jouw pagina titel</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <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('jouwplaatje.extensie')"> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('id name','','jouwplaatje.extensie',1)"><img src="jouwplaatje.extensie" name="id name" width="xx" height="xx" border="0"></a> </body> </html> [/code:1:8c4d2cb9bc] Suc6
  • Dit werkt bij mij: <td width="33%"><img border="0" src="plaatje.gif" onMouseOver=src=pijltjesmousover.gif'" onMouseOut=src=""pijltjeblank.gif'"></td>
  • Nu mis je alleen het preloaden van de images, dit lijkt me lastig bij mensen met een langzame verbinding. Ja ik wou ook dat iederreen breedband had :roll:

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.