当前位置:编程学习 > C#/ASP.NET >>

求助那些图片效果怎么做的

比如http://219.154.96.114:8090/ImgDetail.aspx?id=30图片一格一格显示出来

或者像腾讯那样 先显示一个模糊地图片 然后慢慢清晰

那些怎么做的?能否给个例子 (当然不是以前filter那样,那样只是把图片完全载入,如后给用户慢慢显示而已,他们做的完全是为了网络优化,一点点显示图片) --------------------编程问答-------------------- 先显示一个模糊地图片 然后慢慢清晰

jpg、png本来就支持这种技术,在photoshop里面选择交错格式即可。 --------------------编程问答-------------------- 楼上正解! --------------------编程问答-------------------- GIF图片弄成这样的。。/upload/20131228/100620200407.gif

--------------------编程问答-------------------- 图片的本身就做成这个样子的“GIF格式” --------------------编程问答-------------------- 哦 当时没看清 原来就是gif啊 那就没意思了 不过有没有真的技术能让图片一点点显示的呢

另外2L所说的先显示一个模糊的图片再清晰是什么意思(不会是要准备好多图片,不断显示从模糊到清晰) --------------------编程问答--------------------
引用 5 楼 msblast10 的回复:
哦 当时没看清 原来就是gif啊 那就没意思了 不过有没有真的技术能让图片一点点显示的呢

另外2L所说的先显示一个模糊的图片再清晰是什么意思(不会是要准备好多图片,不断显示从模糊到清晰)

一张图片类似淡入淡出的效果 JS就能实现 --------------------编程问答-------------------- 淡入淡出效果是为了优化浏览速度吧。

感觉谷歌和腾讯的图片不像是直接浏览URL图片地址


会不会是分步骤加载图片,等待牛人解答,哈哈 --------------------编程问答--------------------
引用 5 楼 msblast10 的回复:
哦 当时没看清 原来就是gif啊 那就没意思了 不过有没有真的技术能让图片一点点显示的呢

另外2L所说的先显示一个模糊的图片再清晰是什么意思(不会是要准备好多图片,不断显示从模糊到清晰)


js 跟jquery 也能实现吧  --------------------编程问答--------------------
引用 8 楼 seven_lau 的回复:
引用 5 楼 msblast10 的回复:

哦 当时没看清 原来就是gif啊 那就没意思了 不过有没有真的技术能让图片一点点显示的呢

另外2L所说的先显示一个模糊的图片再清晰是什么意思(不会是要准备好多图片,不断显示从模糊到清晰)


js 跟jquery 也能实现吧
能否给个例子。。。。深入浅出的JS。。。优化浏览的图片。 --------------------编程问答-------------------- <html>
<head>
<title>真正的JavaScript图片淡入淡出特效</title>
</head>
<script language="JavaScript">
var b = 1;
var c = true;
function fade(){
if(document.all);
if(c == true) {
b++;
}
if(b==100) {
b--;
c = false
}
if(b==10) {
b++;
c = true;
}
if(c == false) {
b--;
}
u.filters.alpha.opacity=0 + b;
setTimeout("fade()",50);
}
</script>
<body  onLoad="fade()">
图片的淡入淡出效果:请等待加载图片……<br>
<a target="_blank" href="/"><img src="图片" name="u" border=0
alt="/" style="filter:alpha(opacity=0)"></a>
</body>
</html> --------------------编程问答--------------------
引用 10 楼 miao159 的回复:
<html>
<head>
<title>真正的JavaScript图片淡入淡出特效</title>
</head>
<script language="JavaScript">
var b = 1;
var c = true;
function fade(){
if(document.all);
if(c == true) {
b++;
}
if(b==100) {
……

这不就是alpha么。。。。。其实还是等图片读取完了。。才深入浅出的。。。。
腾讯那个开始显示那个模糊地图片 其实速度很快 然后再慢慢显示清晰地。。。 --------------------编程问答-------------------- saasddsdsa --------------------编程问答-------------------- js 可以实现 网上有很多的 可以搜到 关键字:js图片切换特效 --------------------编程问答-------------------- .........
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,