Forum Moderators: phranque
Hope this is in the right place. I've used image maps off and on for years, but never like this. What I would like to do is use swap image behavior to display different content from other pages in an iframe on my page.
The basic idea is that when a visitor clicks on hotspot A content from [mysite.com...] is displayed in the page below the image map.
When clicking hotspot B, content from [mysite.com...] is displayed below the image map. etc...
What's the best way to do this without using traditional frames?
If what you are trying to do is have a static imagemap like this
*******
*IMAGE*
*******
And have the content of the page below the imagemap
*******
*IMAGE*
*******
¦CONTE¦
¦NT GO¦
¦ES HE¦
¦RE...¦
-------
And your saying that you would like the content below the imagemap to be in an iFrame (as opposed to traditional frames)-- then what you want to do is this:
<A HREF="yourmap.map">
<IMG SRC="yourimage.gif" ISMAP>
</A>
<br>
<iframe name="myframe" width="100%" height="300" src="startpage.htm"></iframe>
Then in the image map when you are defining hotspots, specify the TARGET for those hotsposts as the NAME of your iframe, and that should doya!
Of course, set the width, height and starting page of the iframe to your preference. I hope this is what you were looking for :)
I have no doubt that will work. I do have doubts of my ability to make it work after tinkering with it for several hours. If this code was one of my hotspots, how would I use the code you provided? Sorry, this is new to me!
<area shape="poly" coords="405,40,407,38,408,30,415,23,419,23,425,24,429,27,433,28,436,34,437,37,438,37,438,39,423,48,421,53,419,56,419,60,410,60,408,62,406,62,406,60,408,59,408,55,405,48,406,39,405,39" href="#" alt="" >
I've got 24 hotspots in my image and I need each one to launch a page in the Iframe below the image map. Just can't seem to work out how.
