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 Coder
    Join Date
    Jan 2005
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts

    JavaScript picture navigation by DIV boxes

    I am trying to put together a couple of pages with pictures that I would like to be navigable by buttons.

    I have "categorized" the pictures by putting them in a multi-dim array, called "albums", and I have a thumb picture of each album, so when I click that album thumb, the first picture of that album displays in a DIV box. I also have a "Previous" and "Next" image (arrows), so that when I click either, the DIV box shows the previous or next image in that album sub array.

    So far so good.

    What I would like is that everytime I click one of those album thumbs, is a neat little row of square boxes with a number inside them (1 - [number of pics in album]), which are also clickable, i.e. when I click on say the little box saying "6", picture #6 of the album being displayed is displayed.

    I would like to put these "number boxes" inside a DIV element/box, so I'm essentially looking for a way to clear that DIV element whenever a new album is selected (which I think should be possible by innerHTML='' or similar), and some way to actually populate this DIV element with the boxes, including code that will enable me to display the respective image when a box/button is clicked...

  • #2
    Kor
    Kor is offline
    Red Devil Mod Kor's Avatar
    Join Date
    Apr 2003
    Location
    Bucharest, ROMANIA
    Posts
    8,478
    Thanks
    58
    Thanked 379 Times in 375 Posts
    you must use DOM methods to do that, rather than the nonstandard innerHTML.

    http://www.howtocreate.co.uk/tutoria...?tut=0&part=24
    KOR
    Offshore programming
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*


  •  

    Posting Permissions

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