1

我正在使用 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>
4

1 回答 1

0

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

于 2013-08-26T20:12:47.730 回答