Question

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

任何帮助将不胜感激，这是代码：

<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>

Answer 1

更新值后，图像索引会递增。尝试用++ imageIndex替换imageIndex ++

Jquery图像计数元素

1 个答案: