Overlapping Slices is Messy

Hi,

I'm using Fireworks MX to design a map of the UK, I've been trying trying to use overlapping slices so that when I move over a region, the region changes colour by swapping that part of the image to a different slice.  These are shaped slices created using the polygon slicing tool.  The first slice created swapped OK, then things got really messy when I created a second slice which overlapped it.  What's the best way to deal with swapping irregular shaped objects that overlap each over?

Thanks
useless_eaterAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

zenlion420Commented:
I'm sure I'll be able to help you, but why are you overlapping your slices?

j
0
zenlion420Commented:
another thing to make clear:

You should be using the slice to swap the image in another FRAME, not slice.  This is what you'll be doing, once i figure out why you have overlapping slices.  Also, do you have a link to your png?

j
0
useless_eaterAuthor Commented:
The reason why the slices are overlapping is because although they were created using the polygon slicing tool and are shaped, the slices are still rectangular.  The slices only respond when the mouse moves over the shape I defined with the polygon slice.  The graphic which represents the slice is still rectangular however.  I have one big image, and many smaller images that are swapped when I move the mouse over a region that highlight them in a different coilour.

I don't have a link to my png, but here is a link to something similar...

http://www.getoutguide.co.uk/uklinks/uklinksmap.htm

I'm basically doing something similar, but the regions should be highlighted when the mouse moves over them.

If you were to draw around all the regions exactly, they would still be contained in rectangles which would overlap.  For example South East will overlap the four surrounding regions and the sea.

Thanks
0
Learn SQL Server Core 2016

This course will introduce you to SQL Server Core 2016, as well as teach you about SSMS, data tools, installation, server configuration, using Management Studio, and writing and executing queries.

zenlion420Commented:
Is this what you're trying to do?:

http://www.nokaoidesign.com/map.htm

I didn't try to get everything completely exact, as this isnt's a personal project, but if that's what you're trying to do, I'll walk you through it.  If not, you may have to restate your Question.

j
0
useless_eaterAuthor Commented:
That's exactly what I want, any help on how to do it would be appreciated.
0
zenlion420Commented:
Well, first off (I know you may not want to hear this) I would suggest starting over with a fresh copy of the map image you're using, because I have no idea what you already have on it.  Once you have that, magnify your image by using the view>magnification deal (I'd jack it up to at least 200 percent, so you can get really close to perfect with your edges).  Once you've done all of that, select your polygon slice tool and do this for the first country/area:

1) Work your way around the edge, keeping just inside of the boundary line. Try to stay as close as you can to the line without actually clicking it.  That will make the end result a bit neater, and help you not to enter into other regions accidently.

2) Once you have the country/area sliced, click on the "hide slices" button on the tools menu.

3) Choose your polygon lasso tool adn work your way around the entire country/area you just sliced until it's selected.

4) Edit>copy

5) On the right, in your frames menu choose "new/duplicate frame".  After you click on that, you'll be inside of your new frame.

6) Edit>Paste  (After you paste, play with your image using the effects in the property inspector to get the desired rollover look you're like, but DON"T MOVE YOUR IMAGE)

7) Click on frame 1 to return

8) Click on "show slices" then highlight your slice and choose "add simple rollover"

9) Mouseover your slice until you see the hand icon, then left click and drag the conroller handle onto THE SAME slice you're on until there is a blue line going from the handle to the slice.  

10) A dialog box will appear asking which frame to swap from, choose 2

After that, go to preview to see if it swaps the image at mouseover.  If it does, then keep going with the same steps for each country/area.  Make sure you make a frame for EVERY rollover image.  I also thing it looks better when the effects are consistent throughout a scene (personal preference).  Let me know if you have any more Q's.

j
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
useless_eaterAuthor Commented:
Thanks.  I'll give it a go.
0
zenlion420Commented:
Any luck?

j
0
useless_eaterAuthor Commented:
Not finished it yet!  I can see where I was going wrong as I was trying to work with little slices of the image, whereas I have to duplicate the original image for each individual frame.  Done a couple of frames and it looks OK.

Thanks
0
zenlion420Commented:
Glad to hear it's working so far :)  If you hit any speed-bumps, feel free to ask anything you might want to know.  Good luck,

j
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Graphics Software

From novice to tech pro — start learning today.