Image Swap and Image Map

Hello,
I am going through some very rudimentary steps of setting up
site.
I have an index page with four simple areas I wish to turn
into hotspots- I created them as slices in Fireworks then as Image
Swap rollovers in DW. Now, when I try to apply a hotspot/image map
to the rollover area, I can get it to link to the appropriate page,
but it seems to have disabled the rollover/image swap attribute.
How do I keep both properties enabled? Any suggestions are
appreciated.

Can you post a link to the page, please?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Jay S B" <[email protected]> wrote in
message
news:eme8i7$6mf$[email protected]..
> Hello,
>
> I am going through some very rudimentary steps of
setting up site.
>
> I have an index page with four simple areas I wish to
turn into hotspots-
> I
> created them as slices in Fireworks then as Image Swap
rollovers in DW.
> Now,
> when I try to apply a hotspot/image map to the rollover
area, I can get it
> to
> link to the appropriate page, but it seems to have
disabled the
> rollover/image
> swap attribute.
>
> How do I keep both properties enabled? Any suggestions
are appreciated.
>

Similar Messages

Image swap and restore

The image swap and restore won't work. I want to have one
image switch to another when clicked and then get restored to the
original image when clicked again. It lets me click once, but it
won't restore the image on another click. I found that when i
change the behavior (to say, double click) it works. Is there any
way to have the two images toggle back and forth when i have a
single click?
Here is my code:
<script type="text/JavaScript">

</script>
</head>
<body>
<table width="287" height="1200" align="left">
<tr>
<td width="279" height="1200" align="left"
valign="top">
<p><img src="SearchingClose.jpg" alt="Searching"
name="SearchingClose"
onclick="MM_swapImgRestore();MM_swapImage('SearchingClose','','SearchingOpen.jpg',1)"
/></p>

On Thu, 3 Aug 2006 12:25:09 +0000 (UTC), "nst_21710"
<[email protected]> wrote:
>please help!!!
With what ? - very many of use use newsreaders to access this
forum,
so cannot easily see what the original questions was - so
many people
will just go to the next message.
I suggest you repeat the text of your original question -
together
with a link to your website.
Malcolm
Malcolm
webmaster
http://www.nb-president.org.uk/
The coal fired steam narrow boat.
Kildare is now back in the water

The value should be set for Base image URL and Image file directory

Hi experts
Now customer has the following issue.
XML Publisher concurrent request, using RTF layout template with LOGO, does not generate the LOGO for Excel output.
but in output formats PDF, it is shown normally.
from the debug log, we can found the following error message
======
[051812_054716051][][ERROR] Could not create an image. Set html-image-dir and html-image-base-uri correctly.
======
so I tell the customer to do the following action plan.
1. in XML Publisher Administrator resp > Administration expand the HTML Output section.
2a. enter a value for 'Base image URI'
2b. enter a value for 'Image file directory'
Customer set the value as following and retest this issue,but he found the issue is not solved.
Base image URI: /u01/r12/ebssnd/apps/apps_st/comn/java/classes/oracle/apps/media/XXSLI_SONY_LIFE_LOGO.gif
Image file directory: /u01/r12/ebssnd/apps/apps_st/comn/java/classes/oracle/apps/media
I verified 'Base image URI' and 'Image file directory' settings:
1) Change output type to HTML.
2) Click the Preview.
but the image is correctly displayed on HTML, so I think the issue is caused by user's uncorrectly setting of the base image URL and/or image file directory
but could anyone give me some advice on which value should be set for Base image URL and Image file directory
Regards
shuangfei

First thing to do is to edit the post and use some tags to format the code as it is unreadable and too much!
Read the FAQ (https://forums.oracle.com/forums/help.jspa) to find out how to do this.
Next we need to know the jdev version you are using!
As the code is generated I would first try to generate it again after the db change.
Timo

Image swap and IE7 in DW CS4

I have thumbnails 80px square and a div set at 600px square I select and name a loctor image and put in the div.
When I set up image swap all works fine in Safari, IE8 but in IE7 after the image has swapped, if I move the mouse over or near the large image the image disappears and I get a black 600px size square with a red X in it in the top LH corner, this stays untill I click the next thumbnail. Any help would be appriciated.William

Delete line 372 from...wait...move over a little bit so I can see better...uh oh. My crystal ball just went on the fritz again and I can't see your code from here.
Can you provide a link to the problem page?
Mark A. Boyd
Keep-On-Learnin' :-)

Show/hide lots of layer, image swaps and page size

Hi - I am working on a webpage that requires 39 thumbnails to
show 39 large
images when clicked and to also show some text on mouseover -
take a look.
http://www.redsea.co.nz/lipitor/slidekit.shtml
I have been asked to use scrolling divs to house the
thumbnails and so i
have.
I'm working through the image behaviours (up to slide no. 10
you'll see) and
I'm wondering if there is a better way to do all this. 39
rollover show/hide
layers and image swaps seems very laborious to me, not to
mention the page
is getting far too heavy........
Anyone got any better ideas? (apart from a dynamic page) -
all thoughts much
appreciated.
Also, any other issues spotted around this site please let me
know, I'm
supposed to have this finished by monday am..
Thanks in advance
Karen

Yes, I have a better idea. Use the ShowPic extension from
PVII -
http://www.projectseven.com/,
or even do it yourself with the SetTextOfLayer
behavior in DW -
http://dreamweaverresources.com/tutorials/settextoflayer.htm
Either of those would be much better ways, since the page is
not encumbered
with the weight of all of the enlarged images UNTIL you click
on the
corresponding thumbnail.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Karen J" <karen@don'tmailmeredsea.co.nz> wrote in
message
news:eaeto3$758$[email protected]..
> Hi - I am working on a webpage that requires 39
thumbnails to show 39
> large images when clicked and to also show some text on
mouseover - take a
> look.
>
>
http://www.redsea.co.nz/lipitor/slidekit.shtml
>
> I have been asked to use scrolling divs to house the
thumbnails and so i
> have.
>
> I'm working through the image behaviours (up to slide
no. 10 you'll see)
> and I'm wondering if there is a better way to do all
this. 39 rollover
> show/hide layers and image swaps seems very laborious to
me, not to
> mention the page is getting far too heavy........
>
> Anyone got any better ideas? (apart from a dynamic page)
- all thoughts
> much appreciated.
>
> Also, any other issues spotted around this site please
let me know, I'm
> supposed to have this finished by monday am..
>
> Thanks in advance
>
> Karen
>
>

Image Swap + Click Image Swap & Restore Help

Hi everyone,
I'm having trouble figuring this out and was hoping someone could help me with the code. What I currently have is a world map for my books. What I want is to have several hotspots that change the image (the world map) in five ways.
1. When the mouse goes over a continent it swaps the image of the continent with a rollover, letting you know that continent is clickable.
2. When the mouse goes out of the continent it restores back to the original image of the world map.
3. When you click the continent it swaps to a "zoomed in" image of the continent.
4. The image in #3 (zoomed-in) stays on screen until clicked. Once clicked it then returns to the original image (the world map).
5. When the continent is double-clicked it sends you to a separate browser with that continent.
I've got all of them figure out except for #4. As soon as the mouse moves out of the hotspot, the "zoomed-in" image returns to the original image.
Here is the link to what I have so far: http://christopherdeldridge.com/Photo%20World%20Map.html
Here is the code I have for one of the hostpots for one of the continets:
<area shape="poly" coords="335,145,310,134,280,137,255,141,231,144,196,147,170,143,132,146,127,174,144,188,1 64,211,188,211,208,213,231,216,265,217,272,234,295,240,316,227,343,225,357,241,368,226,364 ,203,347,195,315,196,288,198,264,202,246,200,241,171,288,163,315,156" alt="" style="cursor: pointer;" onclick="MM_swapImage('ZenitaSatellite','','Pics/Satellite Map 2/WestVadra 2.gif',1)" ondblclick="MM_openBrWindow('Vadra Photo.html','','')" onmouseover="MM_swapImage('ZenitaSatellite','','Pics/Satellite Map/WVadra.gif',1)" onmouseout="MM_swapImgRestore()" />
Thanks for the help...

While looking through your code I see several things you should change:
1. Your CSS is flawed -
<style type="text/css" media="all">

<style type="text/css">td img {display: block;}
.auto-style1 {
Note that the .hiddenlink rule does not have a closing "}", and that there is an improper opening <style> tag embedded there immediately before the 'td img' rule.
2. I also note your liberal use of file/pathnames containing spaces - this is a bad practice as some browsers will assume that a space is the end of the file/pathname.
Anyhow, I have not tested this but it should work. You need to set up a toggle on the onclick event call so that you can know which image to load, like this -
<area shape="poly" coords="622,367,592,366,566,373,542,381,527,391,531,407,556,421,592,424,622,411" alt="" style="cursor: pointer;" onclick="if(alekandria==1){MM_swapImage('ZenitaSatellite','','http://christopherdeldridge.com/Pics/Satellite Map 2/Alakandria 2.gif',1);alekandria=0;} else { MM_swapImage('ZenitaSatellite','','http://christopherdeldridge.com/Pics/Satellite Map 2/Alakandria.gif',1);alekandria=1;" ondblclick="MM_openBrWindow('Alakandria Photo.html','','')" onmouseover="MM_swapImage('ZenitaSatellite','','http://christopherdeldridge.com/Pics/Satellite Map/Alakandria.gif',1)" onmouseout="MM_swapImgRestore()" />
So - when you click on the image, the value of the toggle (a variable specific to that particular image) is tested. If its value is 1, the image has already been expanded, and you need to swap in the unexpanded image. You also set the value of the toggle to 0. If its value is 0, the image is unexpanded, and you need to swap in the expanded image. You also set the value of the toggle to 1.
Get it?

Image server and images in the product catalog(CRM ISA)

Dear Gurus,
I am using CRM ISA 5.0 R/3 version. My products in the product catalog has got images. I have assigned the image's to the products in the R/3 product catalog(WWM2)
In the b2b XCM for the webcatalog node, I need to specify the imageserver url. Can you please tell me what goes here. How do I find out what is my image server in my landscape. Please advice me how do I get the images in my ISA product catalog.
Thanks!
Vivek.

Hi Vivek,
In general image server is the web server. You need to talk to your network administrator to identify and setup the web server. Pass on the below document to your administrator to setup the publishing directories on the web server:
http://help.sap.com/saphelp_crm40sr1/helpdata/en/c7/d64e3c719d1742e10000000a11405a/frameset.htm
<b>Reward if helps</b>
Regards,
Paul Kondaveeti

Image swap glitch

Okay, I've got a glitch with an image swap. There are sopmething like a half a dozen pages in the site rebuild that have image swaps and none of the other have any problems. But this one has managed to find a glitch and likes it so much it won't let go.
I've got the usual table arangement (as in the Classroom in a Book chapter 10 lesson) with the base image in one cel and the links in the others. There are three images that swap out with the main one. I'm using the behavior of clicking on the link to swap the image, not a MouseOver. People are supposed to look at the images, and then if they feel like it they can put the base image back by clicking on that link.
No problem with the first image. No problem with the 2nd. No problem with restoring the original image.
But. No matter how many times I've relinked the 3rd image, clicking on it in a browser gives me a blnk browser page with a message claiming that the image does not exist. When I hit the back button to get back to the page, there is the image right where it is supposed to be. So clearly the code is finding it, but it's sending out a false alert first.
I am assuming that the glitch is in the code, but I don't know enough about code to know what I am supposed to be looking for to find it.
Any pointers?
J. Odell

I went back and hunted through it again and found the problem. Somehow the code was putting a '3' where there ought to have been a hashtag. No idea why it was doing that, but once I replaced it with a hashtag the problem went away.
I'd relinked it a half a dozen times, so it evidently really liked that glitch.
BTW, can you give me any pointers on how you adjust the spacing between paragraphs? two full lines is more than really needed to make the distinction between paragraphs. The version of CSS that GoLive 8 used recognized a setting for adding something like one and a half lines between them. But if that's still in there I don't know what they call it these days. I would assume that it would be in the Block settings along with the justification, but nothing in there looks right.

HELP! Multiple Image swap restore problem

Hey, Im interested in learning how to perform a multiple image swap restore.
I've made a central image swap, and I want to make a few others happen on the same 'mouseover'. All done, simple. However, only the last image swap will 'restore' to the original image, and all the rest stay the same. I've ticked 'restore on mouseover' on all of the behaviours, but its so frustrating - please help me.

This is actually really easy. Setup one swap image, then double click swap image in behaviours. The asterix indicates what image is being swapped but you can add more then one. So simply select the second image you want to change at this point and another asterix will appear. Muiltiple swap actions can be applied using one swap image command.

Swapping images that have image maps

Using RoboHelp 8, I'm embedding images and adding half a dozen image map shapes with links to distant topics in my help project. Every time I modify an image, it seems I have to swap it out with the image I put in previously (unlike, say, in InDesign, where you can create an automatically updating link to an image). And every time I delete the image, the maps disappear and need to be re-created.
1. Is there a way to link images in RoboHelp to avoid the manual delete and replacement?
2. Is there a way to store image maps so they needn't be re-created every time their underlying image is replaced?
Thanks much.

Rick,
Sorry, some weirdness happened and my last post got posted before I finished.
Here's a more detailed scenario.
I open Microsoft Visio and create SampleImage. I save it as a gif to my RoboDrawings folder. Now, in the RoboDrawings folder, there is an image called SampleImage.gif.
I quit Microsoft Visio.
I open RoboHelp and create a project in which a topic is called SampleTopic.
I insert an image, go to the RoboDrawings folder and select SampleImage.gif.
I create a few image maps linking to various other topics.
I save everything, generate html help and close down RoboHelp.
Now I open Microsoft Visio again, open SampleImage and change it drastically without resizing anything.
I save my Visio drawing under the same name, perform a Save As and go to the RoboDrawings folder to save the image as SampleImage.gif. I get a message warning me a file of the same name exists, and I choose to overwrite it, eliminating the old file.
I shut down Visio.
I open RoboHelp, view SampleTopic and the old image is there with image maps in place. I generate html help again, and the old image is still there with its maps in place.
Without deleting the old image in the SampleTopic and manually inserting the new one (same name, though), how do I get RoboHelp to acknowledge that the image has been updated?

Hello apple guys, i can't open app store, reminders, contacts, mail(crash), maps, Image Capture, and other apps that comes with Mavericks OS, how i can solve this problem?

hello apple guys, after installing OS X Mavericks, i can't open app store, reminders, contacts, mail(crash), maps, Image Capture, and other apps that comes with Mavericks OS, how i can solve this problem?

So is this the way Apple works now? Not solving customers problems? I'm sure so many users have had this problem. I've had, and I reinstalled Mavericks 3 times. Works fine for some days and then several Apple Apps stop working. Is that a way to force us ti update to Yosemite? (I don't want to) and then pay to update some third party programs (i.e. Pro Tools). Also, there are so many 15" MacBooks Pro with graphic problems and of course the guys at the Apple Service Centers always say: "It's the logic board, you can have it replaced, but it's so expensive I would recommend a new Mac". I really, really miss Steve Jobs!

Images and image maps do not respond to events on Safari

Hello everyone,
We have been experiencing issues with events not responding to images associated with image maps, on Safari browser. After the DOM is loaded with new image and corresponding image maps, events such as mouseover and click observing this divs do not respond or get triggered. DOM seems to be updated correctly but behaves differently (and it works correctly in all other browsers except Safari).
This behaviour is only noticed in Safari browser running both on Windows and Mac. (Tested on Safari Version 3.1.1 on running on Windows and Mac)
For you all to have a closer look at this issue, I have created a sample that has this problem, similar to one we experienced during one of our recent projects. Please click on the link below to get to the sample (I recommend you to try this either in Firefox or IE before you do on Safari)
http://www.hivegroup.com/safari/test.html
(In the above sample,
- the javascript code initializes the DOM with image and image map
- assigns two event listeners to the div containing this image and image map
- when mouse pointer brought over the image, it shows the area id in the 'mobox' div
- when clicked, DOM is updated with a new image and new corresponding image map, assigns new event listeners and should continue with the same kinda behaviour it did for the first image (but doesn't in Safari browser))
All inputs on this issue are welcome and greatly appreciated.
Thanking you in advance.
Regards,
Shashi.

Let me explain what the pink area is. Like the first image that contains two white boxes, the pink area (as you call it) is a new image (containing four pink areas or boxes having an area id denoted to each) that imgDiv occupies after the 'click' event occurs.
Yep, i gathered that from seeing it work on firefox...
The point that I'm trying to make here is, there shouldn't be any difference in behaviour when imgDiv holds first image (two white boxes) or the second image (four pink boxes) that you get after we click on image or the third image (containing 6 boxes, multiple colors) which you won't be able to reach in safari browser.
well... I can reach them, but only via the blue space.
. We'll notice change in the red box displaying target id only when we mouse over a new area that is not currently being displayed in the red box.
except in webkit for safari 2, where thered bpx content sticks at whatever it was when the first image was clicked, unless mouse is moved to the 'all area', and then it sticks on imgdiv.
I completely understand what you see in safari 2. But are you saying there's some error in my script ? If so could you please point out and justify.
I dunno Shashi, just pointing out the errors that Safari 2 reports when I view your test page, in the hope it might help. I know little of javascript

Image swaps with fade out and in

I am new to Dreamweaver, in fact only got into it to do my
own website. I want to create image swaps with a fade out and then
fade in with the new image. Nowhere can I find out how to do this
so far. Can anybody point me in the right direction. Many thanks
for your help now and in the past.
Perspectivist

This is a multi-part message in MIME format.
--------------000605070301090808040601
Content-Type: text/plain; charset=ISO-8859-1; format=flowed
Content-Transfer-Encoding: 7bit
i see! well, that's good to know. i didn't realize you could
do
transitions on image swaps (of course, i've rarely used them
so far).
and i just assumed the OP was actually trying to do a
slideshow, which
could still be the case i guess. i suppose he's covered
either way!
Nancy O wrote:
> There are several image transition scripts on this page:
>
http://www.brothercake.com/site/resources/scripts/transitions/
>
>
>
> --Nancy O.
> Alt-Web Design & Publishing
> www.alt-web.com
>
>
>
> "Perspectivist" <[email protected]>
wrote in message
> news:[email protected]...
>
>> I am new to Dreamweaver, in fact only got into it to
do my own website. I
>>
> want
>
>> to create image swaps with a fade out and then fade
in with the new image.
>> Nowhere can I find out how to do this so far. Can
anybody point me in the
>> right direction. Many thanks for your help now and
in the past.
>>
>> Perspectivist
>>
>>
>
>
>
--------------000605070301090808040601
Content-Type: text/html; charset=ISO-8859-1
Content-Transfer-Encoding: 7bit
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1"
http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
i see! well, that's good to know. i didn't realize you could
do
transitions on image swaps (of course, i've rarely used them
so far).
and i just assumed the OP was actually trying to do a
slideshow, which
could still be the case i guess. i suppose he's covered
either way!<br>
<br>
Nancy O wrote:
<blockquote cite="mid:[email protected]"
type="cite">
<pre wrap="">There are several image transition
scripts on this page:
<a class="moz-txt-link-freetext" href="
http://www.brothercake.com/site/resources/scripts/transitions/">http://www.brothercake.com /site/resources/scripts/transitions/</a>
--Nancy O.
Alt-Web Design & Publishing
<a class="moz-txt-link-abbreviated" href="
http://www.alt-web.com">www.alt-web.com</a>
"Perspectivist" <a class="moz-txt-link-rfc2396E"
href="mailto:[email protected]"><[email protected]></a>
wrote in message
<a class="moz-txt-link-freetext"
href="news:[email protected]">news:[email protected]</a >...
</pre>
<blockquote type="cite">
<pre wrap="">I am new to Dreamweaver, in fact only got
into it to do my own website. I
</pre>
</blockquote>
<pre wrap="">want
</pre>
<blockquote type="cite">
<pre wrap="">to create image swaps with a fade out and
then fade in with the new image.
Nowhere can I find out how to do this so far. Can anybody
point me in the
right direction. Many thanks for your help now and in the
past.
Perspectivist
</pre>
</blockquote>
<pre wrap="">
</pre>
</blockquote>
</body>
</html>
--------------000605070301090808040601--

Help with Editable Regions and Image Swap

I need some assistance for a project I am working on, and I don't know a short way to describe. Hang with me, here it goes....
I am working with the sites 'Navigation' links. I want to use a MouseOver behavior so that the image swaps when moused over. I want the MousedOver image to remain when you are on that page. I can manually make this happen, but I am running into difficulty because I want the Navigation to be located in an un-editable region so when I add new pages, the entire site will update as I make changes to the template.
I don't know how to create this effect without manually swapping all the images via behaviors on each and every page, and when I need to do these edits, the region needs to be in an UnEditable region so that the template will update all the pages.
I guess the question is, how can I customize images from page to page in an Un-Editable region in a Template driven page?
Thanks.

Image swaps are clumsy for navigation because you have to re-craft your menus every time you edit your site. This gets very old in a hurry.
CSS styled menus are not only easier to maintain in DW they are web friendly for all devices -- especially Smartphones who may have images disabled to save on bandwidth charges.
DW comes with Spry Menus which you can customize with CSS
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html
Additionally, there are some excellent DW extensions you can use to build professional looking CSS menus in seconds.
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Spry XML and image map

Hi all-
I'm new to using spry and xml, but not new to xhtml and layout, having said that. I'm trying to store file paths in my xml and parse that xml to repace <href> tags in an image map. For example (the actual cooridnates in the map are just made up for the example below, the actual map has 88 locations and very detailed coordinates, as it is a state map):
<head>
<script src="../SpryAssets/xpath.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryData.js" type="text/javascript"></script>
var ds1 = new Spry.Data.XMLDataSet("../files/research/counties_census.xml", "ohio");
</head>
<body>
<div spry:region="ds1">
<img src="../images/CountyMap.gif" width="565" height="611" usemap="#Map">
        <map id="Map" name="Map">
          <area shape="rect" coords="103,156,155,202" href="../files/research/{Location}" />
          <area shape="rect" coords="216,156,286,210" href="../files/research/{OtherLocation}" />
        </map>
</div>
</body>
Am I just making a syntax error or is this just outside the scope of what I can use spry for? Any help is appreciated.
thanks in advance

I have one more question. What you gave me worked like a charm btw. Thanks a lot. Onto the question:
I'd like to use the same XML to also power a drop down menu, here's a snippet of the XML/XHTML below. I can't seem to get it to work on the drop down, the image map works great.
XML snippet:
<locations>
<location>
     <filepath>P1008.pdf</filepath>
     <coords>192,496,193,497,194,497,195,497,196,497,197,497,199,497,201,497,201,498,202,498,2 01,498,201,499,202,499,203,500,204,500,204,501,205,502,206,502,206,503,207,503,207,504,207 ,506,207,510,207,511,207,512,207,514,207,518,207,521,207,522,207,524,207,525,207,526,207,5 27,207,528,207,529,207,530,207,531,207,532,207,533,207,535,207,537,207,538,207,539,207,540 ,207,541,207,542,207,543,207,545,207,547,207,548,207,549,207,550,206,552,206,554,206,555,2 06,556,206,558,206,559,206,560,206,562,206,563,206,564,206,565,206,566,206,567,206,568,206 ,569,206,570,206,571,205,571,205,572,204,572,204,573,203,573,203,574,203,573,202,573,201,5 73,201,572,200,572,200,571,200,570,199,570,199,569,199,568,199,567,198,566,197,566,197,565 ,196,565,196,564,195,564,194,564,194,563,193,563,192,563,192,562,191,562,190,562,189,562,1 88,562,187,562,186,562,186,561,187,561,186,561,185,561,184,561,183,561,182,561,182,560,181 ,560,180,560,179,559,178,558,177,557,176,557,176,556,175,556,174,556,174,555,173,555,172,5 55,171,556,169,556,168,556,168,557,167,557,166,557,165,557,164,557,164,558,163,558,162,558 ,161,558,160,559,159,559,159,560,158,560,158,561,158,562,158,563,157,563,157,564,157,565,1 57,566,156,567,155,567,155,568,154,568,153,568,153,567,152,567,151,567,150,566,149,566,149 ,565,149,564,149,563,149,562,149,561,149,560,149,559,149,558,149,557,149,555,150,555,150,5 54,150,553,150,552,150,551,150,549,150,548,150,547,150,546,150,545,150,544,151,543,151,541 ,151,540,151,538,151,537,151,536,151,534,151,532,152,531,152,530,152,529,152,528,152,527,1 52,526,152,525,152,523,152,522,152,521,152,520,152,519,153,519,153,518,153,517,153,516,153 ,515,153,514,153,513,153,512,153,510,153,508,153,507,154,506,154,505,154,504,154,503,154,5 02,155,502,156,502,159,502,160,502,161,502,162,502,163,502,164,502,165,502,165,501,166,501 ,167,501,168,501,169,501,170,501,170,500,171,500,172,500,173,500,174,500,175,500,175,499,1 76,499,177,499,178,499,179,499,180,499,180,498,182,498,184,498,188,497,189,497,190,497,191 ,497</coords>
     <county>Adams County</county>
</location>
<location>
     <filepath>P1009.pdf</filepath>
     <coords>132,183,132,184,132,185,132,186,132,187,132,188,132,189,132,190,132,192,132,194,1 31,195,131,196,131,197,131,199,131,201,131,202,131,203,131,204,131,206,131,207,131,208,131 ,209,131,210,131,211,131,212,131,213,131,214,131,216,131,217,131,218,131,219,131,220,131,2 21,131,223,131,224,131,225,131,226,131,227,131,228,131,229,130,229,129,229,126,229,125,229 ,124,229,123,229,122,229,119,229,118,229,117,229,116,229,114,229,113,229,112,229,111,229,1 10,229,109,229,108,229,107,229,106,229,105,229,104,229,102,229,102,227,102,226,100,226,99, 226,98,226,97,226,96,226,95,226,92,226,90,226,89,226,87,226,87,225,87,224,87,222,87,221,85 ,221,84,221,83,221,82,221,81,221,80,221,78,221,77,221,76,221,75,221,72,221,71,221,69,221,6 8,221,65,221,65,220,65,219,65,218,65,217,65,216,65,215,65,214,65,212,65,211,65,210,65,209, 65,207,65,206,65,205,65,204,65,203,65,201,65,200,65,199,66,199,67,199,68,199,70,199,71,199 ,72,199,73,199,73,197,73,196,73,195,73,194,73,193,73,192,74,192,75,192,76,192,77,192,79,19 2,80,192,81,192,82,192,83,192,84,192,85,192,86,192,87,192,88,192,90,192,91,192,92,192,95,1 92,99,192,100,192,101,192,102,192,102,191,102,190,102,188,102,187,102,186,102,185,105,185, 106,185,107,185,108,185,109,185,110,185,111,185,113,185,114,185,115,185,116,185,117,185,11 7,184,117,183,117,182,118,182,119,182,120,182,121,182,122,182,123,182,124,182,125,182,126, 182,127,182,128,182,129,183</coords>
     <county>Allen County</county>
</location>
</locations>
Here's my XHTML:
<div spry:region="ds1">
     <p>Click on a county, or select from the following:
          <select onchange="jumpMenu(this)" name="menu1">
          <option spry:repeat="ds1" value="../files/research/{filepath}">{county}</option>
          </select>
     </p>
        </div>
<div spry:region="ds1"> <img src="../images/OhioCountyMap.gif" usemap="#Map">
     <map id="Map" name="Map">
     <area spry:repeat="ds1" shape="poly" coords="{coords}" href="../files/research/{filepath}">
     </map>
</div>

Image Swap and Image Map

Similar Messages

Maybe you are looking for