javascript - 缓存后淡入高分辨率图像

标签 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>
    <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>

以及 jQuery 引用:http://api.jquery.com/load-event/

编码愉快!

关于javascript - 缓存后淡入高分辨率图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7905719/

相关文章:

javascript - 检测阵列阵列

javascript - onchange 事件触发后表 TH 未正确显示

html - Bootstrap 4 截断移动设备表格内的长文本

javascript - 使用 `Status Code:400 Bad Request` 类型的数据调用 Microsoft Azure Emotion API 时获取 `Content-Type:application/octet-stream`

javascript - 光滑的 slider 显示堆叠的幻灯片

javascript - 将 SVG 和 .JPG 合并为一张图像?

javascript - 使用 JavaScript 的 FormData 对象提交的数据返回整个 html

javascript - 为什么我不能检查 HTML 元素(从 DOM 中检索)是否使用 JQuery 设置了特定的 CSS 类?

php - 在不同页面中包含不同样式表的最佳方法是什么?

html - 样式表中的内容是 DOM 的一部分吗?