图像淡入淡出效果和无限滚动

时间:2014-08-02 10:43:40

标签: fade infinite-scroll

我知道这个问题已经被问了几次:我试过这些解决方案,但它们对我没用。 我有一个无限滚动的博客和一个淡化图像的脚本。 鼠标悬停淡出不适用于加载无限滚动的图像。 我该如何解决这个问题呢? 我还想添加.stop()功能,但我不知道该怎么做。

这是淡入淡出效果代码:

<script type='text/javascript'>
//<![CDATA[ 
$(document).ready(function() {
$('img').fadeTo('slow', 1.0);
$('img').hover(function() {
$(this).fadeTo('slow', 0.8);
}, function() {
$(this).fadeTo('slow', 1.0);
});
});
//]]> 
</script>

非常感谢!

1 个答案:

答案 0 :(得分:0)

兄弟,您怎么能指望我们在不查看代码结构或URL的情况下理解问题? 但无论如何,我认为既然你正在使用无限滚动并且可能通过ajax或类似的东西加载图像,那么你就可以在文档就绪时附加事件处理程序。

因此,如果您使用旧版本的jquery,可以尝试在()上使用jQuery而不是hover()或live()。