Hi I am using a page from a catalog to show small examples of jewelry. When a user clicks on the page to enlarge it hyperlinks to another page with enlargements and ecommerce functionality. I am wondering about using slicing to seperate items on a page with links to other pages or using a image map. I believe with slicing the images appear to load faster but the slicing shows its pattern. Is there a pattern for slicing properly or??? Advice or comments thanks dave

If you slice an image properly and display the sliced image correctly you won't see any lines.

I use Adobe ImageReady which comes with Photoshop (not cheap). You can use it to slice images and it can also supply the appropriate HTML to display it correctly.

- Simon

You can also use Macromedia Fireworks to do your slices. (30 day free trial)

If you slice properly you will not see any lines. You can also combine slices and image maps.

Finally, you can always slice images using a ruler in your program (not a real one) simply by using a rectangular marquee tool (the thing that selects stuff). Then saving optimizing each of those images for the web separately.

I hope this helps!

Worthwhile noting that search engine spiders will not be able to navigate through image map links. I'd suggest cutting up your images for this reason alone.

Are you talking about the dotted line that IE puts round active image links? This can be removed using Javascript. If you use Dreamweaver an extension to do this can be downloaded at http://jjooee.media3.net

Hi and thanks. I am using adobe photo shop. What I was refering to was the way the grafic came back together after slicing a thin piece here a hot spot there a space between but i quess that is just the way the slicing works. If you cant spider an image map that isnt good so I will continue to slice away. Thank you Dave

A note from experience: if you're trying to slice an image with lots of dead space between the objects, and leave that space dead, you actually may frustrate some visitors. I have found it best to slice the image halfway between each item and let the visitor click anywhere they want. Sometimes they miss, but they're less frustrated than having to mouse exactly over the item in order to get the link.

And it's less work for you, too There is a nifty little freeware program called Picture Dicer ... it's an oldie but a goodie. Dices your image and builds the html for you all in one step.

Hope that helps.

Can you please provide us with a link to what you're working on. When you slice images you should not have gaps in them at all. Maybe if I see it I can explain the slicing process better.

quote:

---

Are you talking about the dotted line that IE puts round active image links?

---

I'm not sure what you are referring to... If you are just talking about the border put on image links this is easily removed with a border="0" inside the tag.

For example: <img src="/images/picture.gif" width="50" height="50" alt="Picture" border="0">

Thanx everyone. I tried to slice around the image but didnt use the full width when i sliced so the program filled in the extra width itself. I am now slicing without getting any problems. http://jamesdiamond.com/earrings.html I havent fixed it yet so if you want to see it load try nn4.7 as it show the way the image was sliced quite clearly. Again thanx Dave

I saw an old tool for image slising.
It has an ugly layout but pretty good results:
http://www.ziplink.net/~shoestring/dicer01.htm

[sig removed, we do not allow sigs @ JimWorld, Thank you for your cooperation. The JimWorld Staff]



[ Message was edited by: JimBot 11/11/2003 08:41 am ]