Board logo

标题: 当我走进你 [打印本页]
作者: 独影孤踪    时间: 2011-4-5 20:19     标题: 当我走进你

　

　











　
作者: 枳橘    时间: 2011-4-5 21:23


　　兄台处理图片很精到，整个制作很精美、很诗意。
　　还提点想法，谨予参考。
　　１、所选音乐为民乐，古风，与图面的青春感不是很合拍；
　　２、另帖中，兄台曾提及怎样自定义的问题。下面将此作的图片等移至“极简洁的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>

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

作者: 独影孤踪    时间: 2011-4-5 23:00

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

回复 3# 独影孤踪

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


作者: 独影孤踪    时间: 2011-4-6 05:55

      早安桔橘老师，这么早就劳驾你回帖并解决了代码不正常的问题，我试了一下效果，很好，非常感谢。文件名的问题，我们外行是看不出来的，不过这是由上传空间自动生成的，奈他不何。 再次感谢热心帮助，有问题再请教。
作者: 枳橘    时间: 2011-4-6 06:28

回复 5# 独影孤踪

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

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

回复 7# 独影孤踪

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

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



欢迎光临 湖南知青网论坛2011年度 (http://2011.hnzqw.com/) Powered by Discuz! 7.2