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 4 of 4
  1. #1
    Regular Coder
    Join Date
    Nov 2005
    Posts
    750
    Thanks
    138
    Thanked 1 Time in 1 Post

    Mini-slideshow problem

    Hello

    I have a page here:

    http://www.bayingwolf.com/colour1.asp

    that contains three rows of 4 x thumbnails and the page looks attractive enough in IE9.

    If you click on a thumbnail it opens a mini-slideshow of larger images, as in image1, image2, image3, and image4. However, instead of stopping at image4 and starting at image1 again, the slideshow continues to the second row of
    images which I do not want.

    How do I prevent the script from moving down the rows to play only those 4 images that it is supposed to?

    Thanks.

  • #2
    Senior Coder
    Join Date
    Sep 2010
    Posts
    1,990
    Thanks
    15
    Thanked 233 Times in 233 Posts
    Without even looking at your page I'm guessing that you put four version of the same show on without eliminating the duplication of names in them. By 'names' I mean some generic form of identification, classes, IDs etc.
    Welcome to http://www.myphotowizard.net

    where you can edit images, make a photo calendar, add text to images, and do much more.


    When you know what you're doing it's called Engineering, when you don't know, it's called Research and Development. And you can always charge more for Research and Development.

  • #3
    Regular Coder
    Join Date
    Nov 2005
    Posts
    750
    Thanks
    138
    Thanked 1 Time in 1 Post
    Hello DrDos

    Yes, each 'row' (though there are no tables involved) has the following ID:

    Code:
    <div id="vlightbox1">
    ......thumbnail and larger images here
    </div>
    Do you mean I should do something like the following:

    Code:
    <div id="vlightbox1">
    ......thumbnail and larger images here
    </div>

    Code:
    <div id="vlightbox2">
    ......thumbnail and larger images here
    </div>

    Code:
    <div id="vlightbox3">
    ......thumbnail and larger images here
    </div>
    and maybe three external stylesheets with, basically, the same content:

    vlightbox1.css
    vlightbox2.css
    vlightbox3.css

    Thank you.

  • #4
    Senior Coder
    Join Date
    Sep 2010
    Posts
    1,990
    Thanks
    15
    Thanked 233 Times in 233 Posts
    It's not so much the styles as the javascript, it's what makes the show run.
    Welcome to http://www.myphotowizard.net

    where you can edit images, make a photo calendar, add text to images, and do much more.


    When you know what you're doing it's called Engineering, when you don't know, it's called Research and Development. And you can always charge more for Research and Development.


  •  

    Posting Permissions

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