兄台处理图片很精到,整个制作很精美、很诗意。 还提点想法,谨予参考。 1、所选音乐为民乐,古风,与图面的青春感不是很合拍; 2、另帖中,兄台曾提及怎样自定义的问题。下面将此作的图片等移至“极简洁的js幻灯特效”,以作比较。于下。
<html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>一例极简洁的JS幻灯特效</title> </head>
<body bgcolor="#339999">
<!--***********************************************-->
<div style="position: relative; left: 0; top: 0; width: 1010px; height: 600px"> <img id="fc" style="filter:revealTrans(); position: relative; left: 0; top: 0; width: 1010px; height: 600px" src="http://yh.jisudns.com/userfiles/dengzc/ZOUJIN6.jpG" border="0"> <embed style="position: absolute; left: 383; top: 97" src="http://www.shuyunxin.com/cc/flash/223.swf" type="application/x-shockwave-flash" width="600" height="400" quality="High" wmode="transparent"> <embed style="position: absolute; left: 22; top: 56" src="http://www.shuyunxin.com/cc/flash/58.swf" type="application/x-shockwave-flash" width="600" height="400" quality="High" wmode="transparent"> </div> <bgsound src="http://www.lonyin.com/music/gfgy/mp3/pinghuqiu.mp3" volume="100" loop=-1>
<!--*********************************************-->
<script language="JavaScript"> //脚本标签
var pic = new Array(); //图片地址的数组 pic[0]="http://yh.jisudns.com/userfiles/dengzc/ZOUJIN.jpg"; pic[1]="http://yh.jisudns.com/userfiles/dengzc/ZOUJIN%203..jpg"; pic[2]="http://yh.jisudns.com/userfiles/dengzc/ZOUJIN.jpg"; pic[3]="http://yh.jisudns.com/userfiles/dengzc/ZOUJIN5.jpg"; pic[4]="http://yh.jisudns.com/userfiles/dengzc/ZOUJIN.jpg"; pic[5]="http://yh.jisudns.com/userfiles/dengzc/ZOUJIN6.jpG";
<!---------------------------------------------------------->
var i = 1; //用于计数的变量,初始值为1; function slide(){ //命名一个函数; fc.filters.item(0).Apply(); //应用滤镜效果; fc.filters.revealTrans.Transition = 23; //滤镜效果,随机选择更换; fc.src = pic[i]; //下一个显示的图片; fc.filters.revealTrans.play(2); //显示滤镜效果,更换图片,耗时2秒; i++ //计数变量加1; if (i == pic.length) //判断图片如果都用完了; i = 0; //图片又从第一张开始显示; setTimeout("slide()", 5000) //更换图片的时间相隔5秒; } setTimeout("slide()", 3000); //第一次等待3秒开始更换图片;
</script>
<!--********************************************-->
</body>
</html>
谬误及不适之处还望指正。
|