Results 1 to 4 of 4

Thread: Lightbox image viewer 2.03a with thumbnails

  1. #1
    Join Date
    Nov 2007
    Posts
    63
    Thanks
    15
    Thanked 0 Times in 0 Posts

    Default Lightbox image viewer 2.03a with thumbnails

    1) Script Title: Lightbox image viewer 2.03a

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

    3) Describe problem: Is there a way to have thumbnails of the pictures inside the window that opens when the script starts?

    thanks in advance

    Foundas

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    If you mean getting thumbnails to appear within the Lightbox, unfortunately there's no easy way until the author decides to update the script with such a feature. What's shown in the Lightbox is basically the enlarged image plus an optional caption.

  3. #3
    Join Date
    Nov 2007
    Posts
    63
    Thanks
    15
    Thanked 0 Times in 0 Posts

    Default

    Thanks for your reply ddadmin,

    i am sure though i saw this functionality in DD. Do you know of a script that can do this?

    Thanks in advance

    Foundas

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

    You can do it with lightbox. It involves pushing things a little. For example:

    Code:
    <a href="images/image-1.jpg" rel="lightbox"
    title="<img src='some.jpg'>"
    >whatever</a>
    But then, when you hover the link in most browsers, there will be a 'tooltip' showing the raw HTML code from the image tag title of the link. If you are linking an image, this can be overridden by giving the linked image its own title, and also with text if enclosed in a span tag with its own title:

    Code:
    <a href="images/image-1.jpg" rel="lightbox"
    title="<img src='some.jpg'>"
    ><img src="thumbs/thumb-1.jpg" title="Whatever"></a>
    or:

    Code:
    <a href="images/image-1.jpg" rel="lightbox"
    title="<img src='some.jpg'>"
    ><span title="Whatever">whatever</span></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
  •