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