Since as far as I can tell you cannot add the usemap parameter to a WiserEarth hosted image we require a little work around in order to get image maps to work.

Instructions

Basically we create two div containers, one on top of the other. The background div container contains the image you want to map. The foreground container contains your image map coordinates. It also contains a transparent gif hosted on WiserEarth in place of your image map image. The transparent gif is called spacer.gif.

Both div containers should be the same dimensions as your image. So if your image is 400px by 200px you will need to add those dimensions to both div containers and to the transparent gif as well.

To view the source code, click "Edit this Page", and scroll down to where it says, "Image Map Begins Here".

The Image Map

Clicking on the image map hotspots will send you to the corresponding internal links below. Also note that when creating your own internal links they often do not work when you first preview the page. Don't worry, if you have coded the internal links correctly, they should work fine after you save the page, and then refresh it for the first time wihout any internal links in the URL.

First Link Points Here

This is filler text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam scelerisque arcu sit amet purus. Aliquam erat volutpat. In at est. Donec eget diam vitae pede suscipit elementum. Suspendisse ligula nibh, tristique vitae, semper vitae, volutpat eget, nisl. Phasellus congue ante sed odio. Sed eros. Suspendisse neque orci, tempor ut, convallis eget, semper sit amet, ipsum. Nullam nec eros. Nam facilisis, nunc nec viverra sollicitudin, augue nisl ullamcorper arcu, eget sollicitudin dui nisi et nulla. Duis mattis lacinia erat. Integer euismod tempor mi. Aliquam hendrerit semper turpis.

Aenean ut dui. Aliquam consequat, turpis vitae pretium consequat, arcu augue dictum libero, in gravida justo lorem at justo. Donec sem lacus, aliquam ac, laoreet ac, accumsan at, lorem. Curabitur gravida purus. Etiam metus. Aliquam erat volutpat. Quisque nisl. Nam in magna. Fusce neque. Aliquam erat volutpat. Etiam ullamcorper, magna vitae lobortis rhoncus, turpis tellus viverra justo, ut volutpat enim enim ac lectus.

Nam enim felis, fermentum non, blandit at, rhoncus sit amet, lectus. Fusce felis odio, tempus in, tempus a, dictum vitae, sem. Aliquam erat volutpat. Ut auctor. Curabitur et massa. Vivamus hendrerit dictum nisl. Praesent non lorem. Nam sed tortor vitae enim commodo aliquet. Nunc mauris mauris, nonummy vitae, feugiat eget, lacinia ut, felis. Maecenas feugiat vulputate lectus. Suspendisse potenti. Sed tincidunt tellus nec leo. Aenean lacinia, nulla id lacinia imperdiet, dui purus interdum lacus, vitae fermentum quam lectus nec leo. Nam et odio. Ut sit amet leo. Donec dignissim turpis sed dolor.

Second Link Points Here

This is filler text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam scelerisque arcu sit amet purus. Aliquam erat volutpat. In at est. Donec eget diam vitae pede suscipit elementum. Suspendisse ligula nibh, tristique vitae, semper vitae, volutpat eget, nisl. Phasellus congue ante sed odio. Sed eros. Suspendisse neque orci, tempor ut, convallis eget, semper sit amet, ipsum. Nullam nec eros. Nam facilisis, nunc nec viverra sollicitudin, augue nisl ullamcorper arcu, eget sollicitudin dui nisi et nulla. Duis mattis lacinia erat. Integer euismod tempor mi. Aliquam hendrerit semper turpis.

Aenean ut dui. Aliquam consequat, turpis vitae pretium consequat, arcu augue dictum libero, in gravida justo lorem at justo. Donec sem lacus, aliquam ac, laoreet ac, accumsan at, lorem. Curabitur gravida purus. Etiam metus. Aliquam erat volutpat. Quisque nisl. Nam in magna. Fusce neque. Aliquam erat volutpat. Etiam ullamcorper, magna vitae lobortis rhoncus, turpis tellus viverra justo, ut volutpat enim enim ac lectus.

Nam enim felis, fermentum non, blandit at, rhoncus sit amet, lectus. Fusce felis odio, tempus in, tempus a, dictum vitae, sem. Aliquam erat volutpat. Ut auctor. Curabitur et massa. Vivamus hendrerit dictum nisl. Praesent non lorem. Nam sed tortor vitae enim commodo aliquet. Nunc mauris mauris, nonummy vitae, feugiat eget, lacinia ut, felis. Maecenas feugiat vulputate lectus. Suspendisse potenti. Sed tincidunt tellus nec leo. Aenean lacinia, nulla id lacinia imperdiet, dui purus interdum lacus, vitae fermentum quam lectus nec leo. Nam et odio. Ut sit amet leo. Donec dignissim turpis sed dolor.

Third Link Points Here

This is filler text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam scelerisque arcu sit amet purus. Aliquam erat volutpat. In at est. Donec eget diam vitae pede suscipit elementum. Suspendisse ligula nibh, tristique vitae, semper vitae, volutpat eget, nisl. Phasellus congue ante sed odio. Sed eros. Suspendisse neque orci, tempor ut, convallis eget, semper sit amet, ipsum. Nullam nec eros. Nam facilisis, nunc nec viverra sollicitudin, augue nisl ullamcorper arcu, eget sollicitudin dui nisi et nulla. Duis mattis lacinia erat. Integer euismod tempor mi. Aliquam hendrerit semper turpis.

Aenean ut dui. Aliquam consequat, turpis vitae pretium consequat, arcu augue dictum libero, in gravida justo lorem at justo. Donec sem lacus, aliquam ac, laoreet ac, accumsan at, lorem. Curabitur gravida purus. Etiam metus. Aliquam erat volutpat. Quisque nisl. Nam in magna. Fusce neque. Aliquam erat volutpat. Etiam ullamcorper, magna vitae lobortis rhoncus, turpis tellus viverra justo, ut volutpat enim enim ac lectus.

Nam enim felis, fermentum non, blandit at, rhoncus sit amet, lectus. Fusce felis odio, tempus in, tempus a, dictum vitae, sem. Aliquam erat volutpat. Ut auctor. Curabitur et massa. Vivamus hendrerit dictum nisl. Praesent non lorem. Nam sed tortor vitae enim commodo aliquet. Nunc mauris mauris, nonummy vitae, feugiat eget, lacinia ut, felis. Maecenas feugiat vulputate lectus. Suspendisse potenti. Sed tincidunt tellus nec leo. Aenean lacinia, nulla id lacinia imperdiet, dui purus interdum lacus, vitae fermentum quam lectus nec leo. Nam et odio. Ut sit amet leo. Donec dignissim turpis sed dolor.

Aenean ut dui. Aliquam consequat, turpis vitae pretium consequat, arcu augue dictum libero, in gravida justo lorem at justo. Donec sem lacus, aliquam ac, laoreet ac, accumsan at, lorem. Curabitur gravida purus. Etiam metus. Aliquam erat volutpat. Quisque nisl. Nam in magna. Fusce neque. Aliquam erat volutpat. Etiam ullamcorper, magna vitae lobortis rhoncus, turpis tellus viverra justo, ut volutpat enim enim ac lectus.

Nam enim felis, fermentum non, blandit at, rhoncus sit amet, lectus. Fusce felis odio, tempus in, tempus a, dictum vitae, sem. Aliquam erat volutpat. Ut auctor. Curabitur et massa. Vivamus hendrerit dictum nisl. Praesent non lorem. Nam sed tortor vitae enim commodo aliquet. Nunc mauris mauris, nonummy vitae, feugiat eget, lacinia ut, felis. Maecenas feugiat vulputate lectus. Suspendisse potenti. Sed tincidunt tellus nec leo. Aenean lacinia, nulla id lacinia imperdiet, dui purus interdum lacus, vitae fermentum quam lectus nec leo. Nam et odio. Ut sit amet leo. Donec dignissim turpis sed dolor.