Results 1 to 5 of 5

Thread: Lightbox image viewer 2.0 (grouped images)

  1. #1
    Join Date
    Mar 2007
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Lightbox image viewer 2.0 (grouped images)

    1) Script Title: Lightbox image viewer 2.0

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...box2/index.htm

    3) Describe problem: No problem. I'm trying to produce the grouped image effect using only one image. From the script page:

    "LightBox version 2 adds the ability to group multiple image links together, so an image gallery is created out of the enlarged images:"

    I want to produce this effect but without using:
    Code:
    <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
    <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
    <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
    Must I add the links to the page in order for the images to be grouped? If so, would it still work if I used an invisible layer to hide the links? I'm trying to simply have one click on the #1 thumb and be able to click 'Next' to the rest images period without having #2 and #3 thumbs around.

    Hopefully that made sense. Thank you.

  2. #2
    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

    My advice would be to just go ahead and try it. I've had luck using links in a division with display:none; and also using links with no text or image triggers.

    Solution one:

    Code:
    <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
    <div style="display:none;">
    <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
    <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
    </div>
    Solution two:

    Code:
    <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
    <a href="images/image-2.jpg" rel="lightbox[roadtrip]"></a>
    <a href="images/image-3.jpg" rel="lightbox[roadtrip]"></a>
    - John
    ________________________

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

  3. #3
    Join Date
    Mar 2007
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I'll try both, thank you very much.

  4. #4
    Join Date
    May 2007
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Did it work?

    I have the same question and was wondering if the solution provided works? Thanks! Kaare


    ..:: www.kaaresmith.dk ::..

  5. #5
    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

    They both work.
    - 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
  •