图片渐变效果的相册-格格の 闺阁。



因为是代码不知道帖子里面能不能实现这个效果,但是真的很不错。可以用在公告栏做一个相册外联的展示。代码为:

<A id=javascript.a href="http://www.cnweblog.com/enbby/admin/EditPosts.aspx#"><IMG id=javascript.img style="FILTER: blendTrans(duration=2)" height=375 src="http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new.jpg" width=500 border=0></A>
<SCRIPT>
<!--
var ImgSrc = new Array();//图片地址
ImgSrc[0= "http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new%20(1).jpg"
ImgSrc[
1= "http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new%20(2).jpg"
ImgSrc[
2= "http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new%20(3).jpg"
ImgSrc[
3= "http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new%20(4).jpg"


for (var i=0;i<ImgSrc.length;i++){(new Image()).src = ImgSrc[i];}//预加载图片

var ImgAlt = new Array();//鼠标放上去显示的文字
ImgAlt[0= "最新的壁纸收藏"
ImgAlt[
1= "最新的壁纸收藏"
ImgAlt[
2= "最新的壁纸收藏"
ImgAlt[
3= "最新的壁纸收藏"

var ImgHerf =  new Array();//链接
ImgHerf[0= "http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new%20(1).jpg"
ImgHerf[
1= "http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new%20(2).jpg"
ImgHerf[
2= "http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new%20(3).jpg"
ImgHerf[
3= "http://www.cnweblog.com/images/cnweblog_com/enbby/10438/o_new%20(4).jpg"

var step=0;
function slideit(){
    
//rewrite by haiwa 整理 by Enby (enby.uni.cc)
    var oImg = document.getElementById("javascript.img");
    
if (document.all){oImg.filters.blendTrans.apply();}
    oImg.src
=ImgSrc[step];
    document.getElementById(
"javascript.a").href=ImgHerf[step];
    oImg.title
=ImgAlt[step];
    
if (document.all){oImg.filters.blendTrans.play();}
    step 
= (step<(ImgSrc.length-1))?(step+1):0;
    (
new Image()).src = ImgSrc[step];//加载下一个图片
}
setInterval(
"slideit()",3000);
//-->
</SCRIPT>



         Dream Away。

posted on 2006-08-13 22:06 暖暖 阅读(419) 评论(10)  编辑  收藏

评论:
# re: BLOG碎碎念之7°┆◆图片渐变效果的相册° 2006-08-13 22:08 | Enbyの格格
看来没问题。可以展示。但是图片加载有些慢。请耐心等待。^^  回复  更多评论
  
# re: BLOG碎碎念之8°┆◆图片渐变效果的相册° 2006-08-14 01:08 | 追梦
非常想要啊!
可惜我还是不怎么懂
什么时候认真研究下啊  回复  更多评论
  
# re: BLOG碎碎念之8°┆◆图片渐变效果的相册° 2006-08-14 08:19 | David Zou
收藏,谢谢  回复  更多评论
  
# re: BLOG碎碎念之8°┆◆图片渐变效果的相册° 2006-08-14 09:02 | 似水的生活
能详细讲讲怎么用么?
  回复  更多评论
  
# re: BLOG碎碎念之8°┆◆图片渐变效果的相册° 2006-08-14 18:52 | Enbyの格格
@ 追梦

复制代码就行了。
该一下图片和链接为你的图片就可以啦  回复  更多评论
  
# re: BLOG碎碎念之8°┆◆图片渐变效果的相册° 2006-08-14 18:53 | Enbyの格格
@ David Zou

好东西大家分享  回复  更多评论
  
# re: BLOG碎碎念之8°┆◆图片渐变效果的相册° 2006-08-14 18:55 | Enbyの格格
@ 似水的生活

代码的绿字部分标示出来了表示什么。修改下面的参数就可以了。  回复  更多评论
  
# re: BLOG碎碎念之8°┆◆图片渐变效果的相册° 2006-08-15 09:42 | 就爱奶瓶
在你的爱情中看到我曾经的爱情的影子
我现在和他也还纠缠不清着
我不知道算什么
有时我自己也看不起自己  回复  更多评论
  
# re: BLOG碎碎念之8°┆◆图片渐变效果的相册° 2006-12-22 16:11 | 快手小屈
大哥,收我当小弟吧,小弟佩服啊,对您的敬仰有如长江之水滔滔不绝,下半辈子就指着这段程序活了,太精彩了,哭...................  回复  更多评论
  
# re: BLOG碎碎念之8°┆◆图片渐变效果的相册° [未登录] 2007-10-18 12:56 | jason
刚刚看到,不错.  回复  更多评论
  

只有注册用户登录后才能发表评论。
该文被作者在 2006-08-13 22:20 编辑过
网站导航: