Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jul 2013
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Question Own Javascript image slider with squares

    Im write this code:
    Code:
    <!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? I want to display picture in parts like this ww2.ru. Thank you.

  • #2
    Senior Coder
    Join Date
    Mar 2005
    Location
    Portsmouth UK
    Posts
    4,468
    Thanks
    3
    Thanked 495 Times in 482 Posts
    that example uses 'clip' to display squares of the images
    and is quite complex.


    see

    http://www.vicsjavascripts.org.uk/Mo...cSlideShow.htm
    Vic

    God Loves You and will never love you less.

    http://www.vicsjavascripts.org/Home.htm

    If my post has been useful please donate to http://www.operationsmile.org.uk/


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •