照片只在拍摄时褪色

Question

我想知道如何创建http://www.i-donline.com/straight-ups这种效果。图像是不透明度0，直到它们被加载到屏幕上然后它们淡出。我想象一个jquery类型的函数，但我不知道如何实现这一点。有在线教程吗？ 谢谢你的帮助 塔拉

Answer 1

它似乎在fadeTo()方法中使用每个图片上的hover()方法

$("img").hover(
    function(){ $(this).fadeTo(0.5, "slow"}, 
    function(){ $(this).fadeTo(1.0, "fast"}
);

在此处详细了解fadeTo()方法：http://api.jquery.com/fadeTo/

Answer 2

该技术称为“延迟加载”。本文可能有所帮助... http://deanhume.com/Home/BlogPost/lazy-loading-images-with-jquery/22

目前，最流行的jQuery延迟加载插件存在浏览器兼容性问题（http://www.appelsiini.net/2009/12/tuning-lazy-loader）。 YUI 2 ImageLoader（http://developer.yahoo.com/yui/imageloader/）似乎运作良好。