Jump to content
Sign in to follow this  
Alex9

Picture display in parts

Recommended Posts

<!DOCTYPE html><html><head><body><div id="slideshow"><img width="512px" height="384px" src="1.gif" usemap="#slideshowMap"><img width="512" height="384" src="2.gif"><img width="512" height="384" src="3.gif"><map name="slideshowMap"><area shape="rect" coords="0, 0, 63, 47"><area shape="rect" coords="64, 48, 127, 95"><area shape="rect" coords="128, 96, 191, 143"><area shape="rect" coords="192, 144, 255, 191"><area shape="rect" coords="256, 192, 319, 239"><area shape="rect" coords="320, 240, 383, 287"><area shape="rect" coords="384, 288, 447, 335"><area shape="rect" coords="448, 336, 511, 383"></map></div></body></html>

At pictures the "display none" attribute (I tried also "visibility hidden") is set. It is necessary that in turn there were all "area". I tried to specify them "display block" or "visibility visible", but they aren't displayed. How to make that it was possible to display the image on slices?

Share this post


Link to post
Share on other sites

If you're trying to only display part of the image, that's not what image maps are for. Image maps are for defining clickable areas on an image. You might be able to use CSS to do things like set the background color of an area to make it obscure the image, but I doubt that all browsers would support something like that.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...