Results 1 to 2 of 2

Thread: LightBox2 not shoing next/prev labels

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

    Default LightBox2 not shoing next/prev labels

    1) Script Title: Lightbox v2.04

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

    3) Describe problem:

    Hi

    I have a problem getting the nextlabel.gif and prevlabel.gif to show up when I run the script.

    Ive been in the css fil and change the path but that did not do the trick.
    Ive read in another post that I have to change a path in the JS fil also.
    Can anyone be more specific?

    The is my css:

    #prevLink { left: 0; float: left;background: url(Files/Billeder/Gallery/prevlabel.gif) left 15% no-repeat;}
    #nextLink { right: 0; float: right;background: url(Files/Billeder/Gallery/nextlabel.gif) right 15% no-repeat;}
    #prevLink:hover, #prevLink:visited:hover { background: url(Files/Billeder/Gallery/prevlabel.gif) left 15% no-repeat; }
    #nextLink:hover, #nextLink:visited:hover { background: url(Files/Billeder/Gallery/nextlabel.gif) right 15% no-repeat; }

    And as you can see my path is now Files/Billeder/Gallery/

    A link to the problem

    http://www.condurra.dk/Default.aspx?ID=1020&Purge=True

    I hope some of you can help me out.

    Thx

    RS

  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

    You may use the absolute path to the next/previous images or a path that is relative to the css file. Editing paths in the script is not required for the next/previous labels.

    In your case, this (absolute network path) would work:

    Code:
    #prevLink { left: 0; float: left;background: url(/Files/Billeder/Gallery/prevlabel.gif) left 15% no-repeat;}
    #nextLink { right: 0; float: right;background: url(/Files/Billeder/Gallery/nextlabel.gif) right 15% no-repeat;}
    #prevLink:hover, #prevLink:visited:hover { background: url(/Files/Billeder/Gallery/prevlabel.gif) left 15% no-repeat; }
    #nextLink:hover, #nextLink:visited:hover { background: url(/Files/Billeder/Gallery/nextlabel.gif) right 15% no-repeat; }
    However, there will be no next/previous navigation (and hence no next/previous label images) unless you have two or more unique images in a lightbox group (the script automatically removes duplicates). I see only one unique image in the 'group' (one image isn't really a group) on your demo page.
    Last edited by jscheuer1; 08-12-2008 at 02:48 PM. Reason: add info
    - 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
  •