Results 1 to 3 of 3

Thread: Lightbox permanent next and/or back links

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

    Question Lightbox permanent next and/or back links

    Hi, I am using Lightbox image viewer 2.03 on a webpage

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

    Everything is working fine, however I would like to not hide the back and next links when they are not hovered on to make it more apparent to viewers of the webpage that there are more images available in the array as I am using it as a gallery linked from one image rather than showing a whole set of thumbnails.

    Any help you can give would be greatly appreciated.

    Thanks in advance.

    Luke.

  2. #2
    Join Date
    Nov 2006
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Can anybody help at all? This is the only part left for me to do now.

  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

    This was already covered at least once before. In lightbox.css get rid of the red part and add the green:

    Code:
    #prevLink, #nextLink{
    	width: 49%;
    	height: 100%;
    	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
    	display: block;
    	}
    #prevLink { left: 0; float: left; background: url(../images/prevlabel.gif) left 15% no-repeat;}
    #nextLink { right: 0; float: right; background: url(../images/nextlabel.gif) right 15% no-repeat;}
    #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
    #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
    - 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
  •