Results 1 to 3 of 3

Thread: Lightbox script conflicting with Ultimate Fade-In Slideshow

  1. #1
    Join Date
    May 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Lightbox script conflicting with Ultimate Fade-In Slideshow

    1) Script Title: Ultimate Fade-In Slideshow

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

    3) Describe problem:

    Hope someone can help with this....

    Basically I have added a Lightbox gallery, which is all working as it should here -

    http://www.goodsafariguide.com/new/gallery2.php

    However the second instance of the fade in slideshow (the Awards Sponsors images at the bottom of the left hand column) is not fading out when the Lightbox photos are displaying.

    If anyone could help out with this glitch so that it does fade out along with everything else, that would be much appreciated.

    Thanks.

  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 are using two versions of Ultimate Fade In Slide Show, version 1.51 for the first one on the page and version 2.1 for the second. This is a waste of code. You should use only one of these scripts for both slide shows. But you can do it like you have. In any case, the 2.1 script is better because the 1.51, even though it appears to behave well with Lightbox, uses escallating z-index values, so will eventually show up on top of the overlay. The version 2.1 script uses a range of z-indexes, but starts out relatively high, higher than the 90 of the overlay. I see you have increased the z-ndex value in lightbox.css for the #lightbox selector by a factor of 100. You should do so with the other two z-index values in that file, here:

    Code:
    #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1000; }
    And here:

    Code:
    #overlay{ position: absolute; top: 0; left: 0; z-index: 9000; width: 100%; height: 500px; background-color: #333333; border: 1px solid #333;}
    - John
    ________________________

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

  3. #3
    Join Date
    May 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks John - much appreciated. I had increased that one z-index value, which got as far as overlaying the Lightbox over the Awards graphic - before that it had been even worse with it sitting on top of the Lightbox images.

    But upping those other two has fixed it right up.

    I actually inherited the site at the start of the year, so the pages had the rotating pics of the lodges at the top, and I added the other one for the Awards sponsors - hence the two versions.

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
  •