swipebox.js - 以相反順序滑動或導航幻燈片不可能？

當動態加載幻燈片（http://brutaldesign.github.io/swipebox/）時，似乎無法向右滑動以加載最後一張幻燈片，並以相反的順序在幻燈片中循環。目前我只能向左滑動以按指定順序查看每張幻燈片。swipebox.js - 以相反順序滑動或導航幻燈片不可能？

這裏是我當前的代碼：

jQuery('.images').click(function(e) { 
    e.preventDefault(); 
    jQuery.swipebox([ 
     { href:'image1.jpg' }, 
     { href:'image2.jpg' }, 
     { href:'image3.jpg' }, 
     { href:'image4.jpg' }, 
     { href:'image5.jpg' }, 
     { href:'image6.jpg' } 
    ]); 
});

這會將image1.jpg並通過每個幻燈片爲了移動。相反，它無法從image1.jpg移動到image6.jpg。

已知此問題的任何可能的解決方法或解決方案？

來源

2015-12-12 oneder

我正在尋找[documentation]（http://brutaldesign.github.io/swipebox/#options）中的swipebox選項：設置'loopAtEnd：true'完成這項工作，不是嗎？ – ekqnp

謝謝，是的，當你到達最後時，它會繼續從6滑動到1，但是問題仍然可以從開始（1到6）開始以相反的順序進行。 – oneder

啊，是的，對不起。我嘗試過自己。那麼你可能需要破解源代碼。 – ekqnp

您需要更改一些source code。在功能getPrev中，您可以使用與功能getNext相同的邏輯，並帶有一個新選項，我們稱之爲enableReverse。在調用插件時，您會將其設置爲true作爲常規選項（不要忘記將默認值添加到defaults對象）。最後你會喜歡的東西：

getPrev : function() { 
    var index = $('#swipebox-slider .slide').index($('#swipebox-slider .slide.current')), src; 
    if (index > 0) { 
    // normal implementation 
    } else { 
    if (plugin.settings.enableReverse === true) { 
     // get inspired by getNext function and use the correct indexes 
    } else { 
     // normal implementation 
    } 
    } 
}

也將在setSlide函數的最後改變的條件使「下一頁」按鈕沒有被禁用：

if (index === 0)

變爲：

if (index === 0 && plugin.settings.enableReverse !== true)

希望這會有所幫助！

來源

2015-12-12 21:05:57 ekqnp

感謝提示！絕對朝着正確的方向前進。我有實現的定製代碼，但我想的東西... '}否則，如果（plugin.settings.enableReverse ===真）{ \t \t \t \t SRC = $（「＃swipebox滑塊。幻燈片'）.eq（index）.contents（）。find（'iframe'）.attr（'src'）; （'＃swipebox-slider .slide'）.eq（index）.contents（）。find（'iframe'）.attr（'src'，src）; \t \t \t \t \t index ++; $ this.preloadMedia（index）; \t \t \t \t \t $ this.setSlide（index）; \t \t \t \t \t $ this.preloadMedia（index - 1）; \t \t \t \t \t如果（plugin.settings.prevSlide）{ \t \t \t \t \t \t plugin.settings。prevSlide（）; \t \t \t \t \t}' – oneder

@oneder你'其他if'意味着這裏'指數> 0'是不是TRUE;即'指數<= 0'，因此你需要將其設置爲最後一個元素： 'index = elements.length-1'（不是'index ++'） – ekqnp

是的，就是這樣。謝謝你的幫助！ – oneder

swipebox.js - 以相反順序滑動或導航幻燈片不可能？

回答

相關問題