gpt4 book ai didi

jquery - 如何在center li上添加事件课

转载 作者:行者123 更新时间:2023-11-28 17:08:09 24 4
gpt4 key购买 nike

我想做一个基于DIV的“coverflow效果”。我决定使用 bxslider,一切正常,但我没有得到我想要的中心“缩放效果”……您可以在此处查看我想要的示例。http://www.cssjquery。 com/coverflow.php

我不确定如何在 bxslider 上获得这种效果。如果我在每个中心 LI 上增加额外的类(class),是否可能?意思是,无论哪个“li”移动到中心,我都可以添加一个类“active”...这样我就可以进行 active transform:sceal 等。

您对我如何实现这一目标有任何想法吗?或者您可以为此推荐的任何其他 coverflow 脚本....

谢谢。

演示

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

最佳答案

使用bxSlider中的onSlideBefore、onSliderLoad等内置API,可以实现动画效果。

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/

关于jquery - 如何在center li上添加事件课,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29866241/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com