metarsal bone
cervical vertebra
rib
sternum
lumbar vertebro
humerus
pubis
phalange
femur
patella
tibia
orbit
skull
Dynamic Image Zone Pointer
This script points out certain zone of an image by dynamically creating a line between textlinks and the corresponding zone of the image. Very useful webutility for architects, teachers, engineers and so on. Easy configuration of dotcolors, dotsize and number of dots. Crossbrowser.

Test the script
Move your mouse over the textlinks on top of the page.

Install the script

Step 1: Save this blue-bordered image as emptydot.gif and put it into the same folder as your webpage.

Step 2: Open your webpage. Paste the following code right below the <body> tag:



Step 3: Open your webpage. Go to the top of the script and configure the URL and position of your image as well as the color and size of the dotted line.

Step 4: Now the tricky part! Write the position of the image-hotspots into your textlinks (red and blue code below). The image-hotspots are the zones that your dotted line points out. You may find out the position of your image-hotspots by trial and error. Or you may get it with a free imagemap-tool! After you have done it your textlinks should look like this:
<a href="http://www.google.com" onMouseOver="createline(this,47,274)">

red code: do not change the red code.
blue code: the first digit is the distance of the image-hotspot to the left margin of the image (pixels). The second digit is the distance of the image-hotspot to the top margin of the image (pixels).


Download 500 free copy-and-paste scripts. Click here!