Advanced Search

Page 2 of 2 FirstFirst 12
Results 11 to 16 of 16

Thread: How to avoid any fade duration during slide transition

  1. #11
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,693
    Thanks
    43
    Thanked 3,129 Times in 3,095 Posts
    Blog Entries
    12

    Default

    I've been testing it out, and the first one (Ultimate Fade) is much smoother in Chrome for these images. And can be easily adapted:

    http://home.comcast.net/~jscheuer1/s...ion/garden.htm

    See:

    http://www.dynamicdrive.com/forums/e...e-in-slideshow

    for how.
    - John
    ________________________

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

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

    sdenn (12-15-2013)

  3. #12
    Join Date
    Aug 2013
    Posts
    11
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    Would be interesting to see what that looks like at 1 ms of fadeduration. In my case, the fade aspect of this is also just as bad as the flash.

  4. #13
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,693
    Thanks
    43
    Thanked 3,129 Times in 3,095 Posts
    Blog Entries
    12

    Default

    The fadeduration can also be set to 1 with this (Ultimate Fade) script. Something like (needs more refinement):

    http://home.comcast.net/~jscheuer1/s...ather-demo.htm

    However, the fade transition isn't really all that bad (I first tried it with it). It shows the change from image to image.

    OK, I've refined it a bit and made another one with navigation/indicator buttons:

    http://home.comcast.net/~jscheuer1/s...ther-demo2.htm

    And here it is with a fade:

    http://home.comcast.net/~jscheuer1/s...her-demo2f.htm

    Looks pretty good to me.
    Last edited by jscheuer1; 12-16-2013 at 05:00 PM. Reason: add demos
    - John
    ________________________

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

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

    sdenn (12-16-2013)

  6. #14
    Join Date
    Aug 2013
    Posts
    11
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    John,

    Wonderful. The last one that fades is quite difficult to use (cute for showing off, but not practical). I like the one in the middle. You say this middle one uses the simple gallery? I'm not seeing any flashing with Chrome even though you have this set to 1 ms.

    It's interesting that my main weather section (the maps that come up before you type in that airport identifier) doesn't have this flashing issue even though I have it set to 1 as well (and that uses the simple gallery too). It's only the airport specific implementation that has this problem. I wonder if there's not something else going on here.

  7. #15
    Join Date
    Aug 2013
    Posts
    11
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    By the way, do you happen to have the source code for that middle example you can share?

  8. #16
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,693
    Thanks
    43
    Thanked 3,129 Times in 3,095 Posts
    Blog Entries
    12

    Default

    It's a little confusing because I started storyboarding this in the simple gallery folder and using that script, but it just wasn't working. I left the page(s) there though as I changed over to Ultimate Fade in script. All three of the demos from my last post use the Ultimate Fade in Slideshow. Although they should work with the official version of the script, I recommend my unofficial version (right click and 'Save As'):

    fadeslideshow.js

    You should grab this image as well:



    The other images are copies of your buttons and the weather maps. The green buttons are input tags generated by the script.

    The rest of the code is on the page*. Use your browser's "View Source" to get it.

    You may have to change some paths and/or filenames. And you may want to make the css external. If you need more help, just ask.



    *except for the fading one, which you said you didn't want. It uses another script in addition to fadeslideshow.js, onbeforeslide.js
    Last edited by jscheuer1; 12-17-2013 at 12:19 AM. Reason: clarity
    - John
    ________________________

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

Similar Threads

  1. Ultimate Fade-in Slideshow -- Fade Duration and Pause
    By ellenjones6 in forum Dynamic Drive scripts help
    Replies: 6
    Last Post: 02-21-2014, 04:18 PM
  2. Multiframe slide show - how to avoid restart on new page
    By mylcorp in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 10-07-2012, 04:31 PM
  3. Resolved featured content glider slide duration
    By tspore in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 02-17-2009, 06:21 PM
  4. Fade Duration in Slideshow
    By xOli in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 03-30-2008, 10:03 AM
  5. Fade-in duration in fadeinslideshow
    By clair in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 01-17-2008, 10:07 AM

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
  •