Javascript 使用惰性加载作为每次滚动的动画效果?
我正在使用本网站中描述的lazy load jQuery脚本: 我想实现的是,每次我向上和向下滚动网页时都会产生淡入效果,但根据延迟加载默认操作,它在滚动图像后只加载一次图像,一旦加载图像,就不会出现淡入效果。 有没有什么方法可以让fad在我们每次向任一方向滚动图像时生效? 我想实现类似于使用延迟加载技术的动画 以下是我的HTML和脚本代码:Javascript 使用惰性加载作为每次滚动的动画效果?,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我正在使用本网站中描述的lazy load jQuery脚本: 我想实现的是,每次我向上和向下滚动网页时都会产生淡入效果,但根据延迟加载默认操作,它在滚动图像后只加载一次图像,一旦加载图像,就不会出现淡入效果。 有没有什么方法可以让fad在我们每次向任一方向滚动图像时生效? 我想实现类似于使用延迟加载技术的动画 以下是我的HTML和脚本代码: <div class="img-col"> <div class="banner">
<div class="img-col">
<div class="banner">
<img src="lazyeffect.jpg" data-original="obanner1.jpg" class="lazy" width="400" height="194" alt="time of day">
</div>
<div class="banner">
<img src="lazyeffect.jpg" data-original="obanner1.jpg" class="lazy" width="400" height="194" alt="time of day">
</div>
<div class="banner">
<img src="lazyeffect.jpg" data-original="obanner1.jpg" class="lazy" width="400" height="194" alt="time of day">
</div>
</div>
<script src="jquery-1.11.3.min.js"></script>
<script src="lazyjs.js"></script>
<script type="text/javascript">
$("img.lazy").lazyload({
effect: "fadeIn",
event: "delay"
});
$(window).bind("load", function(){
var timeout= setTimeout(function(){
$("img.lazy").trigger("delay")
}, 1000);
});
</script>
$(“img.lazy”).lazyload({
效果:“法登”,
事件:“延迟”
});
$(窗口).bind(“加载”,函数(){
var timeout=setTimeout(函数(){
$(“img.lazy”).trigger(“延迟”)
}, 1000);
});
试试这个,这是一个jQuery函数。希望这能奏效
$( ".img-col" ).mouseenter(function() {
put your code load over here.
});