返回列表 发帖

当我走进你

 

 











 
寸有所长,尺有所短。


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

问好桔橘老师,非常感谢这么快就给我回帖,并附上了非常精炼的幻灯代码,对于我们这些从没有学过英语,一见代码就头疼的人,无异于雪里送炭。我的擅长是作图,要命的是代码,所以越简练的代码越好。不过我试了一下您提供的代码,只显示了第一张图,其余几张没打开,不知何故?还要求教。
    另外,这幅音画,是根据五九先生赞美湖知网的文意制作的,原来打算找几张老年朋友的图片,配上民乐,结果网上找美女图片好找,找老年图片却很为难,最后还是换上了年轻的,而手头又没有合适的音乐,故将就了原来的音乐。
    再次致谢!
寸有所长,尺有所短。

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

      早安桔橘老师,这么早就劳驾你回帖并解决了代码不正常的问题,我试了一下效果,很好,非常感谢。文件名的问题,我们外行是看不出来的,不过这是由上传空间自动生成的,奈他不何。 再次感谢热心帮助,有问题再请教。
寸有所长,尺有所短。

TOP

回复 5# 独影孤踪

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

TOP

      原图我已经删掉了,无从考证。但你说的这种情况极有可能,我是在输入ZOUJIN.jpg之后才插入图片序号的,很可能在这过程中一不留神空了格或者加了点,上传以后我还纳闷,为何这张图片的地址与众不同呢,原来还有这一诀窍啊,其实我的空间正如你所说可以自己管理,修改或者删除很容易的,真是又学了一招。谢谢!
寸有所长,尺有所短。

TOP

回复 7# 独影孤踪

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

TOP

      删掉的图是指上传以前的,每制作一个音画,要收集很多素材,比方这个音画,虽只有四张图片,但每张是由两张以上合成的,而且有时还要把同一张图片改变颜色饱和度来对比,再加上没有采用的就有一二十张了,充斥在电脑里,不得不删掉。当然,上传以后的成品理所当然地保存了。采取有取舍的保存,比方你提供的简化幻灯代码我会保存起来,下次再做同类型的音画就不用发愁了。
寸有所长,尺有所短。

TOP

返回列表