Question

这里是我的滑块的{jsfiddle} http://jsfiddle.net/jdDYQ/7/所有图像都是立即加载的我只想加载可见的图像，我需要知道它们是否可见。有谁知道怎么做？

感谢。

<div class="wrapper" style="width:288px;overflow:hidden">
 <ul class="ui" style="width:3000px">
 <li><img class='lazy_1' src="image.png" alt="" class=""/></li>
 <li><img class='lazy_2' src="image.png" alt="" class=""/></li>
 <li><img class='lazy_4' src="image.png" alt="" class=""/></li>
 <li><img class='lazy_5' src="image.png" alt="" class=""/></li>
 <li><img class='lazy_6' src="image.png" alt="" class=""/></li>
</ul>

Answer 1

如果所选元素可见，则以下内容返回true，否则返回false：

if ($(selector).is(':visible')) {
  //Do something
}

Answer 2

顺便说一下，每个元素中都有两个class=""。

您可以通过

检查元素是否可见

$('#some_id').is(":visible")

检查图像是否在jquery滑块中可见

2 个答案: