» 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

Image toggle onClick between two images
Click on the little yellow rectangle again and again in order to toggle between the two images.




Configuration:

Step 1: Paste the following HTML-code anywhere between the <body> and </body> section of your webpage:


This is the HTML-code for the image and the link that calls the toggle-function. IMPORTANT: Do not change the name 'togglepicture'. This name is required for the script.

Step 2:Paste the following script-code between the <head> and </head> section of your webpage:



Step 3:Go to the top-line of the script and add the URLs of your two images.