This content has been marked as final.
Show 8 replies
-
1. Re: how to get sliced image into my table ?
pixlor Jan 20, 2008 1:00 PM (in response to krughan)Oh gah!!!!
The whole point of using an image map is so that you do NOT have to slice an image into a complex table! To create the effect you have, you only need a to slice your image into a table with three rows (maybe four for efficiency), using with one main image and map for each row. If you are willing to put the labels in one place, you only need two rows. If you don't slice your image into such a complex table, then it won't break.
As it is, however, that table would take me many hours to figure out. I suggest that it would be much easier for you to start over and do it right. Use image maps the way they are intended to be used and don't slice up your image into a complex table.
Good luck! -
2. Re: how to get sliced image into my table ?
krughan Jan 20, 2008 6:44 PM (in response to krughan)i have figured it out now pixlor i think you may have
misunderstood me.
anyway i have now managed to place the map where
i wanted it to be on the site
what i spent hours on was stacking/overlapping more than 8
sclice to gather.......
so to other newbies out there like myself dont stack more than
8 slices or else some disjoints will not show.... after 3 hours
i supposed i learnt the hard way
k -
3. Re: how to get sliced image into my table ?
pixlor Jan 20, 2008 9:27 PM (in response to krughan)No, I did not misunderstand you. Your complex, silced table was breaking.
My point is still valid: you don't NEED to slice an image into a table when you use an image map. To do so is to use two techniques when one is sufficient. -
4. how to get sliced image into my table ?
krughan Jan 21, 2008 8:46 AM (in response to krughan)Hi pixlor :)
pixlor maybe im missing the bigger picture and there is something i can learn or maybe its due to my understanding of english.
after slicing up up sweden into 21 counties then exporting it to html
it worked fine no problems at all. (are you saying i need not slicing ?)
my problems became about when i tried to fit the map into a table cell on my site (365cityads.com where you can see the map working now) that was the problem before as it was breaking up
on every attempt.
so i looked back on the orginal working map code and notice
there were 3 parts to it 1st to go in the header 2nd to go in the desired cell destination then the 3rd part was attached below
(is it here that im doing worng ?)
as i said the map is in the right place on the site and seems to be doing what i wanted. however what i cant get over is the amount of code generated by firefox which makes the map slow to load on initial entry to the site (im using preload images too)
(maybe im doing something wrong here. am i ?)
pixlor, by no way am i being confrontational with you in any sort
of way. i assumed that you thought i was slicing the map sections into 21 matching table cells, how ever my assumption may and can be totaly wrong.
if you have time to look at the front page of the site and see the
usage of the map and its code via right click . just to see if i used
the software as intended. :) thanks.
i have use FW a few time (im not an expert) to do smaller stuff and
i really thought that i was using it correctly but if there are other
way that can make the map speed, cut code and/or an effecient
way of doing the same thenig then i ask you please let me know
or provide me with a link to reference(s)
thank you again for responding. your input means alot to me
Thanks
k
-
5. Re: how to get sliced image into my table ?
Newsgroup_User Jan 21, 2008 10:10 AM (in response to krughan)krughan wrote:
> Hi pixlor :)
> pixlor maybe im missing the bigger picture and there is something i can learn
> or maybe its due to my understanding of english.
>
> after slicing up up sweden into 21 counties then exporting it to html
> it worked fine no problems at all. (are you saying i need not slicing ?)
>
> my problems became about when i tried to fit the map into a table cell on my
> site (365cityadds.com where you can see the map working now) that was the
> problem before as it was breaking up
> on every attempt.
>
> so i looked back on the orginal could working map code and notice
> there were 3 parts to it 1st to go in the header 2nd to go in the desired cell
> destination then the 3rd part was attached below
> (is it here that im doing worng ?)
>
> as i said the map is in the right place on the site and seems to be doing what
> i wanted. however what i cant get over is the amount of code generated by
> firefox which makes the map slow to load on initial entry to the site (im
> using preload images too)
> (maybe im doing something wrong here. am i ?)
>
> pixlor, by no way am i being confrontational with you in any sort
> of way. i assumed that you thought i was slicing the map sections into 21
> matching table cells, how ever my assumption may and can be totaly wrong.
>
> if you have time to look at the front page of the site and see the
> usage of the map and its code via right click . just to see if i used
> the software as intended. :) thanks.
>
> i have use FW a few time (im not an expert) to do smaller stuff and
> i really thought that i was using it correctly but if there are other
> way that can make the map speed, cut code and/or an effecient
> way of doing the same thenig then i ask you please let me know
> or provide me with a link to reference(s)
>
> thank you again for responding. your input means alot to me
>
> Thanks
> k
>
>
>
>
This kind of complexity would be much better handled via Flash, but that
may be outside your experience at this point.
The code you saw was NOT generated by Firefox; it was the code generated
by Fireworks to pull off the effect you wanted. The lag you experienced
was Firefox having to download the code to the user's browser and then
Firefox having to parse and display all the elements
Generally, overlapping slices is not a good idea for many reasons -
bloated code being one of them. Other issues that can occur are
unreliable image display, multiple - unnecessary - sliced images and
migraines from having to edit the code at the source level <grin>.
--
Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
---
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
---
See my work on Flickr
http://www.flickr.com/photos/jim_babbage/ -
6. Re: how to get sliced image into my table ?
krughan Jan 21, 2008 5:46 PM (in response to krughan)Jim
thank you for the response. it helped
a lot and now i understands.
well in the mean time ill have to put up
with the slowness till i can buy flash or
try some java disjoint to link method.
thank you too pixlor for trying to help out
and appologies for the crosswires :)
k -
7. Re: how to get sliced image into my table ?
pixlor Jan 22, 2008 10:06 PM (in response to krughan)Hmm.
I don't think it needs to be this hard. I've searched, though, and I can't find a good tutorial for a client-side image map with a disjoint (or remote) rollover effect.
I've found these, though:
http://www.htmlgoodies.com/tutorials/image_maps/article.php/3479741
http://www.kasparius.com/tutorials/imagemap/how.htm
http://www.nigelbee.pwp.blueyonder.co.uk/image_map.htm
http://www.oreillynet.com/pub/a/javascript/2003/07/01/bonusrecipe.html
So...you already have your map coordinates. And you already have the code for your disjoint rollover. You just need to simplify your map. There's no reason to slice it up into a table like that at all. -
8. Re: how to get sliced image into my table ?
krughan Jan 23, 2008 2:42 AM (in response to krughan)Thanks pixlor
up till this reply i could not get my head fully around this
map malarky an was depending on software to solve my
situation.
you are a genius with those links i can now see a way to
do the same thing with much much less code thus increasing
load times of my current map
all i can say is wow. you hit the nail striaght in the head with
that answer.
all i need now is the time to get it all sorted.
you are a gem, thanks again
k