»
home
» contact
» terms of use
FREE SCRIPTS
»
new
» text
» image
» utility
» background
» animation
» date/time
FREE ONLINE TOOLS
» code generators
» text animator
» drawing animator
» color animator
» slideshow factory
» javascript speed test
FREE BASIC SNIPLETS
» alert box
» image: multi-rollover
» pop-up: centering
»
more
FREE'N'CRAZY
» realtime death counter
» eyeQ
» fun ticker
RECOMMENDED LINKS
» www.dynamicdrive.com
» www.hotscripts.com
Free JavaScript: multi-image-swapping with one textlink only
Put your mouse over
this link
to swap all 3 images at once. As you see you don't need a separate script-block to create a multi-image-swapping.
Configuration:
Step 1:
Paste the following code between the
<body>
and
</body>
section of your webpage:
<a href="#" onMouseOver="image1.src='green.gif';image2.src='blue.gif';image3.src='red.gif'" onMouseOut="image1.src='yellow.gif';image2.src='yellow.gif';image3.src='yellow.gif'">swap all images at once</a> <br><br> <img name="image1" src="yellow.gif" border="0"> <img name="image2" src="yellow.gif" border="0"> <img name="image3" src="yellow.gif" border="0">
IMPORTANT: each image needs a name of its own. These names are required for referencing purposes inside the onMouseOver-tag and the onMouseOut-tag.
