2013-05-17 31 views
7

在某些特定情況下,我遇到Flexslider 2問題。我將它用作內容滑塊。我需要的是讓動畫幻燈片而不是淡入淡出,並循環幻燈片。我有3個幻燈片div內容和更多列表裏面顯示一個畫廊類型設置。我遇到的問題是,當我設置我需要的選項時,滑塊首先顯示最後一張幻燈片,然後滑動到第2張,然後是3,然後是1.它不會將第一張幻燈片顯示爲第一張幻燈片。 startAt參數不起作用。Flexslider - animation:「slide」,animationLoop:「true」 - 衝突

一切完美的作品時,我設置爲使用以下滑塊:

$(".flexslider").flexslider({ 
    animation: "slide", 
    animationLoop: false 
}); 

它也可以,如果我將它設置爲:

$(".flexslider").flexslider({ 
    animation: "fade", 
    animationLoop: true 
}); 

但如果我設置動畫滑動,和循環如果爲true,則會再次顯示最後一張幻燈片,並且不會以正確的順序顯示幻燈片。我能做些什麼嗎?似乎是動畫幻燈片和循環之間的衝突。

我需要下面的代碼工作,但它並不:

$(".flexslider").flexslider({ 
    animation: "slide", 
    animationLoop: true 
}); 

沒有得到任何控制檯錯誤。有任何想法嗎?

回答

2

從jquery中刪除這些行。

methods.uniqueID(slider.slides.first()克隆()addClass( '克隆') 。).appendTo(slider.container); methods.uniqueID( slider.slides.last()。clone()。addClass('clone')).prependTo( slider.container); }

這將解決這個問題。

+0

這是爲我做的。這是一個黑客,但它的工作。 –

+0

我嘗試了與v.2.3相同,但它不工作.. :-( slider.container.append(methods.uniqueID(slider.slides.first()。clone()。addClass('clone')) (''aria-hidden','true')) .prepend()。 'true')); 我試着評論這段代碼。 –

0

可能缺少html代碼。 我需要下面的代碼才能工作

$(window).load(function(){ 
     $('.flexslider').flexslider({ 
      animation: "slide", 
      animationLoop: true, 
      start: function(slider){ 
     } 
     }); 
    }); 
+0

怕這樣也不管用,對不起 – darylknight