Alex9 Posted September 3, 2013 Share Posted September 3, 2013 <!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? Link to comment Share on other sites More sharing options...
justsomeguy Posted September 3, 2013 Share Posted September 3, 2013 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. Link to comment Share on other sites More sharing options...
davej Posted September 3, 2013 Share Posted September 3, 2013 Yeah, I think you need to look at sprites or the canvas to do what you are attempting. http://www.w3schools.com/css/css_image_sprites.asp http://www.w3schools.com/tags/ref_canvas.asp Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now