Results 1 to 3 of 3

Thread: Lightbox image viewer (1 thumb, multiple images to open)

  1. #1
    Join Date
    Dec 2005
    Posts
    46
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Lightbox image viewer (1 thumb, multiple images to open)

    1) Script Title: Lightbox image viewer

    http://www.dynamicdrive.com/dynamici...box2/index.htm

    Can the Lightbox image viewer only display one thumbnail but when clicked it allows you to navigate multiple images in the group.


    i.e. instead of having 5 thumbs displayed and they are all grouped and cycled when one thumb is clicked, you would only have 1 thumb but all 5 images can be grouped and cycled through.

    FORGET IT! - I guess i simply wouldn't show the thumbnail images but still retain the a href links!!
    Last edited by Skinnybobb; 01-03-2012 at 02:44 PM. Reason: Solved myself

  2. #2
    Join Date
    Aug 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi! I'm having the same problem. How did you do it?

    I want to have one thumbnail but when clicked it allows you to navigate multiple images in the group.

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Only use one thumbnail, then follow it with empty a tags specifying the other larger images in their href attributes. Just make sure they all have the same bracketed group name in their rel attributes, ex:

    HTML Code:
    <a href="image-3.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="thumb-3.jpg" alt="Plants: image 1 0f 4 thumb" /></a>
    <a href="image-4.jpg" rel="lightbox[plants]" title="Alternately you can press the right arrow key." ></a>
    <a href="image-5.jpg" rel="lightbox[plants]" title="The script preloads the next image in the set as you're viewing."></a>
    <a href="image-6.jpg" rel="lightbox[plants]" title="Click the X or anywhere outside the image to close"></a>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

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