Results 1 to 3 of 3

Thread: want to multiple images to open in one lightbox.

  1. #1
    Join Date
    Jun 2008
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default want to multiple images to open in one lightbox.

    1) Script Title: Lightbox image viewer 2.03a

    2) Script URL (on DD):

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

    3) Describe problem:

    i have used Lightbox image viewer 2.03a many times in my projects and i find it great script, but this time i have a problem that i want to link a light box on one single image which onclicked will show multiple images on clicking next/previous.
    insteaded of the usual differenct gallery images each linked to the lightbox with an unique group name.

    So what have i to modify in the code to achieve the desired.

    Help and suggestions by anybody will be appreciated.

  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

    If you just want one thumbnail or link, you still need the others in the group, but they require no text or image, so need not be seen. Many have done this, ex:

    Code:
    <a href="first_img.jpg" rel="lightbox[mygroup]">Trigger Text or Image Tag</a>
    <a href="second_img.jpg" rel="lightbox[mygroup]"></a>
    <a href="third_img.jpg" rel="lightbox[mygroup]"></a>
    <a href="forth_img.jpg" rel="lightbox[mygroup]"></a>
    <a href="fifth_img.jpg" rel="lightbox[mygroup]"></a>
    If your styles create layout problems with the unseen links (they probably will not), just remove the display of those items:

    Code:
    <a href="first_img.jpg" rel="lightbox[mygroup]">Trigger Text or Image Tag</a>
    <div style="display:none;">
    <a href="second_img.jpg" rel="lightbox[mygroup]"></a>
    <a href="third_img.jpg" rel="lightbox[mygroup]"></a>
    <a href="forth_img.jpg" rel="lightbox[mygroup]"></a>
    <a href="fifth_img.jpg" rel="lightbox[mygroup]"></a>
    </div>
    - John
    ________________________

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

  3. #3
    Join Date
    Jun 2008
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    hi John,

    Thanks for the solution, i do appreciate your suggestions. I also tried and was sucessful in achieving what i required. Yes i did the same thing which you have suggested over here. Adding the images in the same group but keeping them in blank links.

    so now it code is working. i am able to show more then 5 images on clicking just one thumbnail.

    Thanks for helping.

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
  •