Flexslider - 通過點擊前進到下一張幻燈片

希望有人可以幫助我解決Flexslider問題。Flexslider - 通過點擊前進到下一張幻燈片

下面是滑塊的鏈接：

http://www.findspace.co.uk/FINDSPACE2014/pages/3bed_biddrdb.html

我真的想添加一個點擊數功能，使用戶可以通過單擊當前主要大圖和前進到下一張幻燈片上。我不介意如果方向箭頭需要脫落來實現這一點。我想它也需要返回到序列末尾的初始幻燈片。

任何幫助將非常感激。

安東尼

來源

2014-09-29 Antony Antoniou

這是你如何做到這一點

$('.flexslider').flexslider({ 
directionNav : false, 
slideshow: false, 
animation: "slide", 
controlsContainer: ".flex-container", 
start: function(slider) { 
$('.slides li img').click(function(event){ 
    event.preventDefault(); 
    slider.flexAnimate(slider.getTarget("next")); 
}); 
} 
});

來源

2014-09-29 16:04:29

博揚嗨 - 抱歉推遲答覆。謝謝你的迴應，雖然我似乎無法得到這個工作 - 可能是我的錯誤的地方。這是我現在有代碼： – 2014-09-29 22:41:39

<腳本類型= 「文本/ JavaScript的」> \t \t \t $（窗口）.load（函數（）{// 同步處理必須首先被初始化滑塊 $（'＃轉盤「。）flexslider（{ 動畫：」滑動「， controlNav：假， animationLoop：假，幻燈片：假， itemWidth：124， itemMargin：5， asNavFor： '#slider' }）; $（ '＃滑塊'）flexslider（{ 動畫：「幻燈片」， controlNav：假的， animationLoop：false， slideshow：false， sync：「#carousel」 }）; }）; – 2014-09-29 22:43:09

我不確定如何將您提供的代碼集成到我的手中 - Antony – 2014-09-30 10:24:19

Flexslider - 通過點擊前進到下一張幻燈片

回答

相關問題