Warning: include(/home/.lurky/jenni/star-girl.org/skins/cookiecheck.php) [function.include]: failed to open stream: No such file or directory in /home/jenni/star-girl.org/pages/tutorials/psp73/imagemaps.php on line 1

Warning: include() [function.include]: Failed opening '/home/.lurky/jenni/star-girl.org/skins/cookiecheck.php' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/psp73/imagemaps.php on line 1

Warning: include() [function.include]: Filename cannot be empty in /home/jenni/star-girl.org/pages/tutorials/psp73/imagemaps.php on line 2

Warning: include() [function.include]: Failed opening '' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/psp73/imagemaps.php on line 2
Image Maps

Personally I think it's a lot easier to download a small program for free to do your image mapping for you, but it's up to you. I have quite a few image mapping tutorials, so try them all to find out which way you like best. Image mapping is where you have part of an image clickable; you can click it and go to a menu or another site; an example is at the bottom of this page.

1. Open the image you want to map in PSP. Make sure it's already saved with the file name you want it as.
2. Go to File > Export > Image Mapper, and then follow the instructions on this pic below, starting with drawing your shapes.



3. Once you've clicked the eye button, a preview of your image should appear in your Internet browser. Right click the page that comes up and select 'View Source'. Then copy all the code and paste into a page of your web site. Make sure you put the page in the same folder as your image, or it won't work unless you alter the image name.



4. Below is an example of image mapping. Click the balloons or the text on the image below to visit different sites.




If this tutorial helped you, please link me on your site.


<a href="http://star-girl.org" target="_blank"><img src="http://star-girl.org/pages/domain/link/stargirllink.gif" border="0" alt="Star-Girl.org"></a>

Want another button? Click here.
Warning: include() [function.include]: Filename cannot be empty in /home/jenni/star-girl.org/pages/tutorials/psp73/imagemaps.php on line 35

Warning: include() [function.include]: Failed opening '' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/psp73/imagemaps.php on line 35