Javascript 在高分辨率图像中淡入后'；缓存的_Javascript_Jquery_Html

Javascript 在高分辨率图像中淡入后'；缓存的

javascript jquery html

Javascript 在高分辨率图像中淡入后'；缓存的,javascript,jquery,html,Javascript,Jquery,Html,在客户端缓存了javascript/jquery之后，是否有一种最佳方法可以优雅地淡入高分辨率图像，类似于Bing或Yahoo Mail的淡入方式？您正在jquery中寻找加载函数。以下是一个例子： <html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script&

在客户端缓存了javascript/jquery之后，是否有一种最佳方法可以优雅地淡入高分辨率图像，类似于Bing或Yahoo Mail的淡入方式？

您正在jquery中寻找加载函数。以下是一个例子：

<html>
<head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){           
            $("#bigImg").load(function() {
                $(this).fadeIn(2000);
            });
        });
    </script>
</head>
<body>
    <img id="bigImg" style="display:none" src="http://upload.wikimedia.org/wikipedia/commons/a/a9/2006-03-26_Denver_Skyline_I-25_Speer.jpg" />
</body>
</html>


$（函数（）{
$（“#bigImg”）.load（函数（）{
美元（本），fadeIn（2000年）；
});
});

和jQuery参考：

快乐编码

预加载图像时，我总是这样做：

newpic = new Image();      // create your new img
newpic.onload = function() // callback for when the img is loaded
{
                           // your callback, for you a .fadeIn()
};
newpic.src = your_img.jpg;  // Setting the img src will start the caching process

它工作得很好

您链接到的load event页面上详细说明了一些重要的注意事项。这种行为在跨浏览器时是不一致的，缓存的图像也不会被触发，这正是OP所要寻找的。我从你所指的jquery文章中读到了这篇导语，他们确实将其列为一个问题。我用firebug运行了一个测试，当从缓存加载时，图像会完全消失。我有点希望他们害怕的确切情况能更明确地描述出来。在搜索了一点之后，有人已经找到了解决方法的答案：