Ben bezig met een mouse over menu... maar het wil niet lukken.
Bedoeling: plaatjes die dus veranderen met mouseover en met een mouse click kom je op een andere site.
Het is me dus gelukt voor 1 plaatje.
Hoe???
In de head heb ik het volgende script neergezet
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | <!-- if (document.images) { image1 = new Image image2 = new Image image1.src = 'Home.png' image2.src = 'Home1.png' } --> </script> |
En tussen de bodytags het volgende:
| 1 2 3 4 5 | onMouseOver="document.mouseover.src=image2.src" onMouseOut="document.mouseover.src=image1.src"> <img src="Home.png" border=0 name="mouseover"></a> |
Werkt super.
Maar... kan iemand mij vertellen hoe ik dus een document 2 aanmaak zodat ik meerdere buttons neer kan smijten?
Thanks!
als je in plaats van document.mouseover.etc egwoon eens documentnaam.mouseover.etc gebruikt?
Het is dus de bedoeling dat het stukje wat in de head staat voor meerdere images wordt aangemaakt.
Dus op die manier meerdere documents.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | if (document.images) { image1 = new Image image2 = new Image image1.src = 'Home.png' image2.src = 'Home1.png' } { image3 = new Image image4 = new Image image3.src = 'fotografe.png' image4.src = 'fotografe1.png' } --> |
Dit staat nu in de head
| 1 2 3 4 5 6 7 8 9 10 11 | onMouseOver="document.mouseover.src=image2.src" onMouseOut="document.mouseover.src=image1.src"> <img src="Home.png" border=0 name="mouseover"></a> <br> <a href="fotografe.html" onMouseOver="document.mouseover1.src=image4.src" onMouseOut="document.mouseover1.src=image3.src"> <img src="fotografe.png" border=0 name="mouseover1"></a> |
Dit in de body....
Nu alleen nog uitvogelen hoe ik het in een ander frame krijg.
Dus target 'main'
Het is me al gelukt!!!!