Javascript jquery:bxSlider carousel所有显示项的活动类(不是单个)
是否有添加活动类的解决方案 演示Javascript jquery:bxSlider carousel所有显示项的活动类(不是单个),javascript,jquery,css,carousel,bxslider,Javascript,Jquery,Css,Carousel,Bxslider,是否有添加活动类的解决方案 演示 似乎没有内置的支持来查找carousal的活动幻灯片(多张幻灯片) 然而,我认为通过很少的操作(可能很难看),您可以找到活动的幻灯片索引。但这也只有在第一次幻灯片转换之后才起作用 解释如何获取活动幻灯片索引 var slider = $('.bxslider').bxSlider({ minSlides: 2, maxSlides: 3, controls:false,
似乎没有内置的支持来查找carousal的活动幻灯片(多张幻灯片) 然而,我认为通过很少的操作(可能很难看),您可以找到活动的幻灯片索引。但这也只有在第一次幻灯片转换之后才起作用 解释如何获取活动幻灯片索引
var slider = $('.bxslider').bxSlider({
minSlides: 2,
maxSlides: 3,
controls:false,
hideControlOnEnd:true,
infiniteLoop:false,
onSlideAfter : function(elem, old, newind){
var curfirstIndex;
var noofslides = Math.round($('.slider_container').width()/180); //divide by slidewidth + sliderMargin
$("#Active").empty();
if(old > newind){
curfirstIndex = old * noofslides - noofslides;
}else{
curfirstIndex = old * noofslides + noofslides;
}
$("#Active").append(++curfirstIndex + ", "); //++ because it starts from 0 and not 1
for(var i=0; i< noofslides -1 ; i++){
$("#Active").append(++curfirstIndex + ", ");
}
},
slideWidth: 170,
slideMargin: 10
});
var slider=$('.bxslider').bxslider({
米斯利德斯:2,
maxSlides:3,
控件:false,
希德·特罗隆德:没错,
无穷远:错,
onSlideAfter:函数(elem,old,newind){
风险价值指数;
var noofslides=Math.round($('.slider_container').width()/180);//除以slidewidth+sliderMargin
$(“#活动”).empty();
如果(旧的>新的){
curfirstIndex=old*noofslides-noofslides;
}否则{
curfirstIndex=old*noofslides+noofslides;
}
$(“#活动”)。追加(++curfirstIndex+”,“”;//++,因为它从0开始,而不是从1开始
对于(var i=0;i
如果你不选择这个作为答案,我不会感到惊讶。我自己对解决方案不满意:(slider的问题可能与@isherwood重复。这里我使用的是carousel,有三张幻灯片需要激活class@bboymaanu-您想为所有3张幻灯片设置活动类?或者在寻呼机上应用一些样式?@Vijeta Shetty我如何确定哪些是活动项?
$('.slider4').bxSlider({
slideWidth: 300,
minSlides: 3,
maxSlides: 3,
moveSlides: 1,
slideMargin: 10
});
var slider = $('.bxslider').bxSlider({
minSlides: 2,
maxSlides: 3,
controls:false,
hideControlOnEnd:true,
infiniteLoop:false,
onSlideAfter : function(elem, old, newind){
var curfirstIndex;
var noofslides = Math.round($('.slider_container').width()/180); //divide by slidewidth + sliderMargin
$("#Active").empty();
if(old > newind){
curfirstIndex = old * noofslides - noofslides;
}else{
curfirstIndex = old * noofslides + noofslides;
}
$("#Active").append(++curfirstIndex + ", "); //++ because it starts from 0 and not 1
for(var i=0; i< noofslides -1 ; i++){
$("#Active").append(++curfirstIndex + ", ");
}
},
slideWidth: 170,
slideMargin: 10
});