First, I'll say this took hours of work...and is NOT easy to do...but if you want to attempt it and perhaps have some html skills/knowledge here's how to do it:
Choose your image which is the exact size you want on your page, example is 600 px. Upload this file in the gotstang manage website section.
How to get coordinates (areas) of your pic
-Use an image map maker program (free if you search google)
-use the software to make sections on your image you want to assign to this feature...use the 600 px size image you will be using...
-when you save the different areas, call them something that will remind you what the area is...example is "rim pic"
-When you save the final save as html. Choose a simple name "exteriormap"
you can then right click the saved file (recommend saving to your desktop) and open with notepad)
-Open in note pad you can find the coordinates it assigned to each area...use the "rim pic" to see that those coordinates go to that section.
Use this code to insert image on your website:
-make sure you are using the full size 600px version and not the thumbnail..
-and use the html tab in the editor...
<a href="yourimage" target="_blank"><img style="margin: 0px;" class="newb" title="" height="400" alt="" src="yourimage" width="600" usemap="#exteriormap"></a>
Use this code to specify the "map" locations on the image and assign pop up photo's:
-the example below sets the coordinates to 000,00 etc get the right coords from the notepad view of your map/html file
<map name="exteriormap">
<area onmouseover="return escape('<center><img src=\'yourpopupimage\' width=250></center>')" shape="rect" alt="" coords="000,00,000,000" href="yourpopupimage">
<area onmouseover="return escape('<center><img src=\'yoursecondpopupimage\' width=250></center>')" shape="rect" alt="" coords="000,00,000,000" href="yoursecondpopupimage">
</map>
...I hope this helps..remember THIS IS NOT EASY TO DO!!!!!