Results 1 to 9 of 9

Thread: Adjusting fading on Featured Content Glider

  1. #1
    Join Date
    Oct 2010
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default Adjusting fading on Featured Content Glider

    1) Script Title:
    Featured Content Glider

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

    3) Describe problem:

    I made the modification to this script as described in this thread so that the content fades in instead of sliding in:
    http://www.dynamicdrive.com/forums/blog.php?b=7

    However, I'm trying to adjust it so that the previous slide disappears before fading in the next slide. In other words, the first slide should fade in, then disappear (showing the background), and then the next slide should fade in to cover the background, and so on.

    I'm guessing I need to adjust this code, I'm just not sure what to do:
    Code:
     $target.css(endpoint).css({opacity:0}).animate({opacity:1}, config.speed) //custom code
    Can anyone help?

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

    Default

    Sure, try the below modified .js file instead, which should fade out the previous content first, then fade in the selected one.

    Edit: Fixed bug inside .js file
    Last edited by ddadmin; 10-08-2010 at 07:00 AM.
    DD Admin

  3. #3
    Join Date
    Oct 2010
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Thanks, it does exactly what I was hoping for between slide #1 and slide #2, but then it seems to freeze after fading in the 2nd slide. I tried changing some of the parameters, but it always freezes after displaying the second slide (and if the slideshow starts on the 2nd one, then it freezes on the 3rd one). Any suggestions?

    Thanks again!

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

    Default

    Can anyone help adjust the modification so that it continues to rotate in new images after the 2nd image? Right now it just stops.

    Thanks

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

    Default

    Ah yes there's a bug inside the modified .js file. I've fixed it inside the attachment above.
    DD Admin

  6. The Following User Says Thank You to ddadmin For This Useful Post:

    justin-nc (10-08-2010)

  7. #6
    Join Date
    Oct 2010
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Thumbs up

    Thanks, that works great! I really appreciate your help and this site!

  8. #7
    Join Date
    Mar 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Lightbulb Pause On Hover?

    Is there a way to pause the slideshow when you hover over the "main glider container"?
    I think this would make the slideshow much more useful. Please let me know if this is at all possible.

    Thank You

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

    Default

    Quote Originally Posted by mrodenhaus View Post
    Is there a way to pause the slideshow when you hover over the "main glider container"?
    I think this would make the slideshow much more useful. Please let me know if this is at all possible.

    Thank You
    Please do a search, this question has been asked before: http://www.dynamicdrive.com/forums/s...d.php?p=249461
    DD Admin

  10. #9
    Join Date
    Mar 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Broken??..

    When you click on the "active" slide... it fades out.. and then nothing fades in...
    Is there a fix to this?
    you can see what I am talking about on:

    advantagelumber.com

    Please let me know ASAP
    Last edited by jscheuer1; 05-30-2011 at 03:15 AM. Reason: remove hotlink

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
  •