显示carousel中图像的计数-jQuery

显示carousel中图像的计数-jQuery,jquery,Jquery,我希望显示旋转木马中的图像数量以及当前活动的图像编号,例如3/5。我正在使用以下插件进行响应转盘: 我已经到处寻找如何做到这一点,但没有运气,也不知道从哪里开始,因为我对jQuery的了解很少。任何帮助都将不胜感激 下面是我用于旋转木马的代码示例的链接: 以下是如何使用jQuery计算大量元素: jQuery: var n = $("div img").length; jQuery("#count").html(n); HTML: <div class="container">

我希望显示旋转木马中的图像数量以及当前活动的图像编号,例如3/5。我正在使用以下插件进行响应转盘:

我已经到处寻找如何做到这一点,但没有运气,也不知道从哪里开始,因为我对jQuery的了解很少。任何帮助都将不胜感激


下面是我用于旋转木马的代码示例的链接:


以下是如何使用jQuery计算大量元素:

jQuery:

var n = $("div img").length;
jQuery("#count").html(n);
HTML:

<div class="container">
 <img src="http://jsfiddle.net/img/logo.png" alt="" />
 <img src="http://jsfiddle.net/img/logo.png" alt="" />
 <img src="http://jsfiddle.net/img/logo.png" alt="" />
 <img src="http://jsfiddle.net/img/logo.png" alt="" />
</div>


为了将其显示为3/5或类似的值,您需要查看哪个元素当前处于活动状态。在看不到代码的情况下,我只能想象滑块在循环中标记哪个元素处于活动状态。您只需抓取并使用它。

将图像LI容器位置与.slider目标偏移匹配

HTML

<div class="slider-mask">
     <ul class="slider-target">
          <li>
             <img src="img/01.jpg">
          </li>
          <li>
             <img src="img/02.jpg">
          </li>
          <li>
             <img src="img/03.jpg">
          </li>     
          <li>
             <img src="img/04.jpg">
          </li>                                     
       </ul>
       div class="clearfix"></div>
</div>

<div id="count"></div>

您是否至少尝试了
var images=$('.inner','.slider').length你有什么代码?有多种方式可以显示旋转木马。下面是一个链接,指向我用于旋转木马的代码示例。它不是隐藏图像,它们包含在一个掩蔽分区中。我很难让它工作。我不完全明白发生了什么事。var newLeft应该匹配的确切含义是什么?我感谢您的帮助,并为在jQuery方面有点慢表示歉意。@TylerAlmond我必须离开一段时间,等我回来后,我们可以开始聊天,我可以试着帮您度过难关……酷?是的,我是。我该怎么开始聊天呢?让我们
function matchimage() {
    var targetposition =  Math.abs($('.slider-target').position().left);
    var matchthis = targetposition;
    var visible = $('.slider-target li').filter(function () { return $(this).position().left == matchthis }).index();
    var total = $('.slider img').length;
    $("#count").html((visible + 1) + ' of ' + total); 
}