如何在中心添加活動類li

我想根據DIV創建一個「封面效果」。我決定使用bxslider，一切工作正常，但我沒有得到我想要的中心「縮放效果」...你可以看到我想要的一個例子。 http://www.cssjquery.com/coverflow.php如何在中心添加活動類li

我不知道如何在bxslider上獲得這種效果。如果我在每個中心LI上添加額外的課程，是否可能？意思是，無論哪個「李」移動到中心，我都可以添加一個「活動」類...所以我可以進行主動變換：sceal等。

對於如何使這種情況發生，您有什麼想法嗎？或任何其他coverflow腳本，你可以爲此推薦....

謝謝。

演示

http://jsfiddle.net/cyber007/cbzmopzb/

來源

2015-04-25 pagol

你可以做的就是你給第一張幻燈片「class：active」。與下一個和上一個按鈕相比，使用jquery'.prev（）'和'.next（）;'選擇下一個或上一張幻燈片（'li'） – Vinc199789

使用內置的API，如onSlideBefore，onSliderLoad在bxSlider，動畫可以achived ..

jQuery(function($){ 

var slider = $('.bxslider').bxSlider({ 
minSlides: 1, 
    moveSlides:1, 
    maxSlides: 3, 
    pager:false, 
    controls:false, 
    slideWidth: 360, 
    slideMargin: 0, 
    onSlideBefore : function($slideElement, oldIndex, newIndex){ // your code here 

$(".bxslider li").removeClass("active-slide") 
     $slideElement.next().addClass("active-slide") 
}, 
    onSliderLoad:function(index){ 

$(".bxslider li").eq(1+$(".bxslider .bx-clone").length/2).addClass("active-slide") 
    } 
});

演示：http://jsfiddle.net/dao1kkfo/2/

來源

2015-04-25 15:25:09

如何在中心添加活動類li

回答

相關問題