2 image maps on the same page

M
Posted By
METurk
May 11, 2004
Views
522
Replies
5
Status
Closed
I have two image maps that work perfectly but when there both on the same page putting the mouse over a hotspot on one of them changes the other. I have it set to include golive code, I’m using frontpage 2003 to make the website. How can I get both of these to work?
Related Tags
image map page

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

TD
Thee_DarkOverLord
May 11, 2004
you must be using the same tag name?
M
METurk
May 11, 2004
This bit? "– ImageReady Preload Script (stiahead.psd) –"

The other ones called this "– ImageReady Preload Script (PICT0002.JPG) –"

The images arn’t even in the same folder any more (but they where, it also got a bit better when I changed the order of the preload scripts I had them backwards to the way they would have apeard on the page) I’ve tryed a few things, maybe I’ve just messed up the page somehow and should start again, I don’t want to start again tough.
L
LenHewitt
May 11, 2004
MET,

putting the mouse over a hotspot on one of them changes the other.<<

Are you sure you aren’t talking about slices and rollovers? An imagemap doesn’t (normally) change appearance when a hotspot is active.

If you ARE talking about Imagmaps, if you look at the source code, the first line of client-side imagemap should be something like:

<img src="uk_map.gif" width="272" height="327" usemap="#uk_mapMap1" ismap
alt="map"><map name="uk_mapMap1">

Now that is:
1) the location and name of the image file (uk_map.gif in the example)
2) the dimensions of the image file
3) the usemap attribute with a unique name (#uk_mapMap1 in the example)
4) the map name with the same name as the usemap (uk_mapMap1in the example)

If you have the same usemap or mapnames for both imagemaps, that could cause some interesting problems….
M
METurk
May 12, 2004
Opps, sorry I’m talking about slices and rollovers. This the first bit of the image ready code.

CSSCRIPTDICT>
SCRIPT>
!–

CSStopExecution = false;
CSInit = new Array;
function CSScriptInit() {
idxArray = new Array;
for(var i=0;i<CSInit.length;i++) { idxArray[i] = i; } CSAction2(CSInit, idxArray); }

And it does look exactly the same as the second imageready code. I’ve tried changing the output settings so that the tags would be different but the more I mess with it the worse it seems to get. That could be down to frontpage tough.
L
LenHewitt
May 12, 2004
MET,

That would explain it…

I suspect you would need to change every occurrence of idxArray in the second ‘block’ to, say. idxArray_1

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

Related Discussion Topics

Nice and short text about related topics in discussion sections