返回列表 发帖


  兄台处理图片很精到,整个制作很精美、很诗意。
  还提点想法,谨予参考。
  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>

  谬误及不适之处还望指正。

TOP

回复 3# 独影孤踪

  感谢兄台回复、讨论。
  所提不能正常显示一事,一赖网站系统改代码(将字符视为代码运行了),二怪自己粗心没注意。只需将“
fc.src = pic;”改为“fc.src = pic[i];”。此坛子发帖,要将代码保持字符性质体现实在有点让人挠头。苦于无联络途径,不然发个文件之类更方便、可靠;若发效果,两个音乐打架也不妥当;若发效果、停音乐,又恐兄台为难。左右不是。其实这些都是多余,所涉事项“极简洁”帖中已有详述。
  顺便再提一下文件名的问题。
  图片“
http://yh.jisudns.com/userfiles/dengzc/ZOUJIN%203..jpg”的文件名“ZOUJIN%203..jpg”太不规整,%20 为半角空格的意思,后面跟两个“点”号,这都是毛病,容易引起节外生枝的问题。如此“ZOUJIN3.jpg”最好。
  如此饶舌,还望见谅。


TOP

回复 5# 独影孤踪

  你的上传网站,是空间性质,可管理,很方便、好用。
  文件名问题,应该不是网站所为,其他几个图片的并不是这种情况。象 %20 这个东西,是因为存在半角空格,将空格以字符编码体现造成的,应该是你无意中在文件名中留下了空格;多一个点号,也应该是自己加的。你可以看看自己电脑中保存的这个文件名,证实一下。

TOP

回复 7# 独影孤踪

  我不能理解“原图我已经删掉了”,何况是刚刚发帖的制作。
  对于我,数年前的练习、制作等仍留着,这是我的脚印,哪怕是初时的、很菜的,也留着。现在回头去看,即算长了一些见识,将以前的东西按现在的眼光改一改,则在文件名上加个“年月日_改”,以前的仍留着(不改动,真迹)。因为,这些都是自己花费了精力和时间得到的。除珍视外,也可为以后的“玩”留作参考。东西多了,不可能都记在心里,总需要查查资料 。自己的心得也是资料。
  人生已是黄昏,仅留下这点财富。

TOP

返回列表