Jquery图像计数元素

Jquery图像计数元素,jquery,image,count,Jquery,Image,Count,我正在使用bjqs slider和fancybox。我正在尝试计算显示的图像数量,并将它们显示为图像1/3、2/3、3/3等。。。 目前,脚本显示count,但它没有响应第一次单击和计数总图像数是错误的 任何帮助都将不胜感激,以下是代码: <script> $(function() { $('.toggle').click(function() { $('.col_2').toggle(); return false; }); }); $(window).resize(functi

我正在使用bjqs slider和fancybox。我正在尝试计算显示的图像数量,并将它们显示为图像1/3、2/3、3/3等。。。 目前,脚本显示count,但它没有响应第一次单击和计数总图像数是错误的

任何帮助都将不胜感激,以下是代码:

<script>
$(function() { $('.toggle').click(function() { $('.col_2').toggle(); return false; }); });

$(window).resize(function(){ if(window.innerWidth > 960) { $(".col_2").removeAttr("style"); } });
jQuery(document).ready(function($) {
  $('#banner-slide').bjqs({
    animtype      : 'slide',
    height        : 690,
    width         : 536,
    responsive    : true,
    randomstart   : false,
  });
  $(".fancybox").fancybox();

    //var numImgs = $('#banner-slide img').length - 2;
    //  $('.count').text(numImgs);


    var images = $('#banner-slide img');
    var imageIndex = 1;

            $("li.bjqs-next a").click(function(){

                $('.count').text(imageIndex++ + "/" + images.length/2);
                if( imageIndex > images.length/2 )
                {
                    imageIndex = 1;   
                }
                else {  }
            })

            $("li.bjqs-prev a").click(function(){
                $('.count').text(imageIndex-- + "/" + images.length/2);
                if( imageIndex < 1 )
                {
                    imageIndex = images.length/2;   
                }
            })


            // $('ul.bjqs-controls li.bjqs-next a').click( function(){ $('.count').text(($current++) + "/" + $iCount); });
            //$('ul.bjqs-controls li.bjqs-prev a').click( function(){ $('.count').text(($current--) + "/" + iCount); });


    $('.count').text("1" + "/" + images.length/2);
    //setInterval(function () {  }, 1000);

});
</script>

$(function(){$('.toggle')。单击(function(){$('.col_2').toggle();返回false;});});
$(window).resize(函数(){if(window.innerWidth>960){$(.col_2”).removeAttr(“style”);});
jQuery(文档).ready(函数($){
$(“#横幅幻灯片”).bjqs({
动画类型:“幻灯片”,
身高:690,
宽度:536,
回答:是的,
开始:错误,
});
$(“.fancybox”).fancybox();
//var numigs=$(“#横幅幻灯片img”)。长度-2;
//$('.count').text(numigs);
var images=$(“#横幅幻灯片img”);
var指数=1;
$(“li.bjqs-next a”)。单击(函数(){
$('.count').text(imageIndex++“/”+images.length/2);
如果(imageIndex>images.length/2)
{
imageIndex=1;
}
else{}
})
$(“li.bjqs-prev a”)。单击(函数(){
$('.count').text(imageIndex-->“/”+images.length/2);
如果(图像索引<1)
{
imageIndex=images.length/2;
}
})
//$('ul.bjqs-controls li.bjqs-next a')。单击(函数(){$('.count')。文本($current+++“/”++$iCount);});
//$('ul.bjqs-controls li.bjqs-prev a')。单击(函数(){$('.count')。文本($current-->+“/”+iCount);});
$('.count').text(“1”+“/”+images.length/2);
//setInterval(函数(){},1000);
});

更新值后,图像索引将增加。请尝试将imageIndex++替换为++imageIndex

Thx以获取帮助。我尝试用++imageIndex替换imageIndex+,但它不起作用。你确定吗?尝试将字符串另存为变量并将其保存为console.log,因为当您第一次单击时,imageIndex++部分将传入1,这意味着您将在第二个图像下显示1。同样的事情也发生在你的imageIndex上,所以把它改成imageIndex。这一定是个bug,即使它不是主要的bug。更改为--imageIndex>后,它开始工作了!幻灯片计数通常是追加的,但当它达到最终计数(例如5/5)时,通过点击下一步,它不会从1/5开始。有什么提示吗?您的问题是在设置文本后重置imageIndex。尝试重置if语句中.count字段的文本。感谢您的帮助。我将重置.count字段。