Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery:bxSlider carousel所有显示项的活动类(不是单个)_Javascript_Jquery_Css_Carousel_Bxslider - Fatal编程技术网

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
 });