nathansearles / slidesjs

SlidesJS is obsolete and no longer maintained.
https://nathansearles.github.io/slidesjs/
1.71k stars 356 forks source link

Dissolve fade effect #582

Open stuart-mccoy opened 10 years ago

stuart-mccoy commented 10 years ago

I'd like to see a dissolve fade effect in lieu of the current crossfade. I would envision the incoming image slide to be at z-index: 0 and the outgoing image slide at z-index: 10. The top level, outgoing image would fade out as soon as the bottom level, incoming image is set to display: block. The reason for this change is because with the current crossfade effect you get a flash of the background at the midpoint in the fade transition. This can be undesirable, and I would probably content is not what people want when they think of a fade effect for a slideshow. Below is an example of what I'm talking about regarding the background appearing through the slide transition (A is the bottom layer, and B is the top layer; the color on the right what should occur with a dissolve transition and the color on the left is the washed out color that appear due to the midpoint transition between both images being 50% opaque):

crossfade-example