Results 1 to 6 of 6

Thread: Ultimate Fade-In Slideshow - Only one gallery fades

  1. #1
    Join Date
    Mar 2012
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade-In Slideshow - Only one gallery fades

    1) Script Title: Ultimate Fade-in Slide Show

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

    3) Describe problem: Images load fine in all browers, but all image galleries do not transition to the next photo. Only the first gallery. There are 3 galleries, but only one is working. Look here:

    http://www.haws.org/dev/2012/

    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

    The other two only have one image each in them. It's repeated four times but there will be no perceived fade effect unless different images are used.
    - John
    ________________________

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

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    bezworks (03-09-2012)

  4. #3
    Join Date
    Mar 2012
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Wow! How did I miss that! LOL! Thanks John!

  5. #4
    Join Date
    Mar 2012
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    On another note, before each fade, another image shows for a split second and then it goes to the next faded image. Any reason for this you can think of?

    Thanks John!

  6. #5
    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 have a rule in dev/2012/templates/haws2012/css/template.css at line 1088:

    Code:
    .moduletable-boxpic,.moduletable-boxpic>div,.moduletable-boxpic>div>div,.moduletable-boxpic>div>div>div {
    	z-index:0!important;
    	}
    that's messing with the slideshow's native z-index rotations and causing that jumping effect. It also allows the class="section" drop down divs to show over the slideshow. Unless you need it for something else, get rid of it and instead use this rule:

    Code:
    .section {
    	z-index: 1003 !important;
    }
    It will accomplish the same thing, but leave the slideshow intact.

    If you do need it for something else, let me know what and we'll figure something out.
    - John
    ________________________

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

  7. The Following User Says Thank You to jscheuer1 For This Useful Post:

    bezworks (03-10-2012)

  8. #6
    Join Date
    Mar 2012
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Thanks again John! I'm squared away now. Sent you a little gift earlier. It's not much, but just wanted to show a token of kindness.

    God bless.

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
  •