类似QQ空间模糊的图片,过一会变得清晰效果
2010-11-14 19:02
417 查看
实际上模糊的图片就是清晰图片的缩略图。
<img src="images/小图片" name="myImage" width="960" height="1285" id="myImage" alt="" />
<script language="JavaScript" type="text/javascript">
var img = new Image();
img.src = "images/大图片";
img.onload = function() {
document.getElementById('myImage').src = this.src;
}
</script>
很简单吧!
<img src="images/小图片" name="myImage" width="960" height="1285" id="myImage" alt="" />
<script language="JavaScript" type="text/javascript">
var img = new Image();
img.src = "images/大图片";
img.onload = function() {
document.getElementById('myImage').src = this.src;
}
</script>
很简单吧!
相关文章推荐
- 鼠标滑动导致图片从模糊转清晰的效果
- 鼠标移至图片从模糊变清晰的效果制作
- 【web前端优化之图片模糊到清晰】看我QQ空间如何显示相片
- 用JS实现图片模糊到清晰预加载效果
- 【web前端优化之图片模糊到清晰】看我QQ空间如何显示相片
- 自定义ImageView实现类似微信朋友圈发图片点击出来阴影效果;同时使用Picasso加载网络图片
- android图片特效处理之模糊效果
- iOS 图片背景模糊效果
- Google 超分辨率技术 RAISR:模糊图片瞬间变清晰,运算速度快十倍
- Android利用RenderScript对图片处理实现高斯模糊效果。
- android图片特效处理之模糊效果
- android 图片特效处理之模糊效果
- Android 实现图片模糊、高斯模糊、毛玻璃效果的三种方法
- JS仿QQ空间鼠标停在长图片时候图片自动上下滚动效果
- Android实现眼睛一闪一闪的效果,使用layerdrawable,类似GIF图片效果
- 折腾了一早上的C# WPF ListView+Grid 实现图片+文字 自动换行排列 类似Windows资源管理器效果
- android 自定义scrollview 仿QQ空间效果 下拉伸缩顶部图片,上拉回弹 上拉滚动顶部title 颜色渐变
- jQuery实现类似淘宝网图片放大效果的方法
- css给图片增加模糊效果
- 类拟google那样的图片载入 由模糊变成清晰