Question

我很想在我自己的滑块上创建自己的延迟加载函数。问题是我有一个带溢出的div容器：隐藏在这个div里面是一个UL。 Eveyrime我幻灯片我想通过从data-src切换到src图像URL来加载图像。为此，我需要知道LI是否在div容器中可见（溢出div容器）。这是我的HTML代码。

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

所以现在如果它加载我只想加载lazy_1和lazy_2，因为div中有可见的。我怎么能用Jquery做到这一点？

感谢。

Answer 1

这是我的滑块http://jsfiddle.net/jdDYQ/7/的jsfiddle 所有图像都立即加载我只想加载可见的图像，我需要知道它们是否可见

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

检查LI是否溢出溢出：隐藏div

1 个答案: