swipe.js過渡端功能

我已經@bradbirdsall實施swipe.js（http://swipejs.com/）swipe.js過渡端功能

的插件有一個transitionEnd功能。我怎樣才能在用戶到達最後一張幻燈片時將其引導至.index.html？

window.mySwipe = new Swipe(document.getElementById('slider'), { 
callback: function(index, elem) {}, 
transitionEnd: function(index, elem) {} 
});

jQuery的新手。很高興在這裏學習，但時間不多。預先感謝任何幫助！

摹

來源

2013-03-13 Gareth Horner

我做了這樣的事情對於同樣需要

window.mySwipe = new Swipe(document.getElementById('userSlider'), { 
    startSlide: 0, 
    speed: 400, 
    continuous: false, 
    disableScroll: false, 
    stopPropagation: false, 
    callback: function(index, elem) { 
    if(window.mySwipe.getPos() === 3){ 
     setTimeout(function(){ 
      $('#userSlider').fadeOut(); 
     }, 500); 
     } 
    }, 
    transitionEnd: function(index, elem) {} 
    });

你也可以做到這一點，以達到相同的結果

window.mySwipe = new Swipe(document.getElementById('userSlider'), { 
    startSlide: 0, 
    speed: 400, 
    continuous: false, 
    disableScroll: false, 
    stopPropagation: false, 
    callback: function(index, elem) {}, 
    transitionEnd: function(index, elem) { 
    if(window.mySwipe.getPos() === 3){ 
     setTimeout(function(){ 
     $('#userSlider').fadeOut(); 
     }, 500); 
    } 

    } 
});

來源

2014-11-13 16:42:01 gregdevs

在回調和/或transitionEnd，您可以使用以下Swipe APIs functions檢查，如果你在最後一張幻燈片：

getPos()返回當前幻燈片索引位置
getNumSlides()回報幻燈片

這些信息

顯然總量，您可以檢查，如果你一個例如，在上一張幻燈片中，並將用戶重定向到index.html，並相應地在該功能中設置window.location。

來源

2013-08-06 09:21:12

swipe.js過渡端功能

回答

相關問題