search

codrops / SlitSlider

A responsive slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements.
458 stars 135 forks source link

fade instead of slide #28

Open theskillwithin opened 9 years ago

theskillwithin commented 9 years ago

hello this has perfect functionality for a background image slider. Although my client now wants a fade and not a slit transition. Is it possible to do this with this slider?

theskillwithin commented 9 years ago

I think this accomplishes it

    speed : 1000,
    // if true the item's slices will also animate the opacity value
    optOpacity : true,
    // amount (%) to translate both slices - adjust as necessary
    translateFactor : 230,
    // maximum possible angle
    maxAngle : 0,
    // maximum possible scale
    maxScale : 0,
    // slideshow on / off
    autoplay : true,
    // keyboard navigation
    keyboard : true,
    // time between transitions
    interval : 5500,