JS实现图片加载模糊到清晰
2017-05-05 11:27
429 查看
原理:大图加载完成覆盖小图放大图。
<img src="img-small.jpg" width="960" height="1200" id="myImage" />
<script language="JavaScript" type="text/javascript">
var img = new Image();
img.src = "img-big.jpg";
img.onload = function() {
document.getElementById('myImage').src = this.src;
}
</script>
<img src="img-small.jpg" width="960" height="1200" id="myImage" />
<script language="JavaScript" type="text/javascript">
var img = new Image();
img.src = "img-big.jpg";
img.onload = function() {
document.getElementById('myImage').src = this.src;
}
</script>
相关文章推荐
- 用JS实现图片模糊到清晰预加载效果
- 图片预加载:jquery 图片预加载功能,可以实现先模糊在清晰的显示
- Javascript实现图片加载从模糊到清晰显示的方法
- Javascript实现图片加载从模糊到清晰显示的方法
- js实现网页图片延时加载的原理和代码
- js为加载图片的实现过程
- js实现图片的延迟加载
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- 纯JS实现的批量图片预览加载功能
- JS实现网页图片延迟加载[随滚动条渐显]
- js实现网页图片延时加载的原理和代码【转】
- As+lightbox+js实现实时加载图片进度
- 一段实现页面上的图片延时加载的js
- 意外发现--玩“JS实现的页面滚动图片加载”效果
- js 实现图片预加载 (js操作 Image对象属性complete ,事件onload 异步加载图片)
- js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
- js实现图片加载时候逐渐出现的杂色效果
- js实现图片加载时候逐渐出现的杂色效果
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- 网页图片预加载用js实现