Results 1 to 3 of 3

Thread: Need Help on Lightbox image viewer

  1. #1
    Join Date
    Mar 2008
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Need Help on Lightbox image viewer

    1) Script Title:
    Lightbox image viewer

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

    3) Describe problem: How do you add thumbnails in to the script please help.
    This is the script to add more photos into the album.
    HTML 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>
    Where in that script do you add the image url to add the thumbnail?

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Here:
    HTML Code:
    <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
    Replace:
    Code:
    images/image-3.jpg
    With your image URL.
    Then replace image #3 with your link.
    Jeremy | jfein.net

  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

    Actually, I think you mean how to add a thumbnail image as a trigger:

    HTML Code:
    <a href="images/image-1.jpg" rel="lightbox[roadtrip]"><img 
    src="images/image-1-tbn.jpg" border=0></a>
    That part is just ordinary HTML, you can put any linkable element in there, or just use text (as you originally had). The thumbnail image file (images/image-1-tbn.jpg in my example) must exist.
    - 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
  •