祝试发成功!图很美!景很秀!
谢谢老知青,大家同乐!
(要找到一个能上传图片的网站是太困难了,刚才爬上来一看,图片没了!被淘宝“绿”了一把。音画搞不成器。 大过节的,帖子不好开天窗,编辑一下——另作一小图传上,音乐改为有形播放器,和曼姐一起共祝大家节日快乐。)
[audio]http://www.xbdj.cn/m/56797887d8c04de196f5c06ed2f67ef926/www.xbdj.cn.mp3[/audio]
回复 1# 老知青
谢谢诸位网友的鼓励,大图确实比小图看起来顺眼些。这次到江永看到了许多美丽的景色,就是天气不怎么好,所以拍出来的图片基本上天空没有蓝色。
天涯倦客你制作的图片好好漂亮哦,音乐也非常动听。老知青欣赏学习了!
谢谢浏阳河人老师帮我修改了图片,我又学了一招。按照你的方法重新上传了一张图片,只是把窗口改了一下,请老师继续指教!
看了浏阳河人为老知青所作的修改,让宽幅图片动起来确实好看多了,浏阳河人所拍的集体照以这种方式在网上展示显示出他的高超拍摄技术,引人入胜。
我过去不大玩HTML代码,其实这些动感就是代码编写的简单的程序,我们的网页应用程序中基本框架都是由这些代码组成的。
今天稍空,认真研究了一下浏阳河人的这段代码,感觉有许多可取的地方,也有许多需要改进的地方,于是随意谈谈自己的观点,请浏阳河人雅正。
看到网上的代码,有些朋友总是喜欢“出格”,明明白白一个论坛规定了发贴的格式,结果代码将内容“冲”了出来,这样的方式有人喜欢,但大多数并不喜欢看,因此我也没有经过你的同意,将你的“出格”代码修改了一下,框定在文本框内,这样是不是显得规范些?
这段代码的核心部分,就是将图片在网页上相对移动,造成一种动感,为不违背网站限制一张图片不能超出200K的规定,代码中划出一个表格,并将这这个表格分为五个单元格(列),将整张图片分成五个部分,分别放在五个单元格中作为背景,再加上移动效果,于是整个的画面就移动了起来。整体来看,代码的构思是比较巧妙的。
然而代码中沉淀了过多的无用命令,让一般人望而生畏,细分析,其中的代码是有许多可以精简的。不知浏阳河人意下如何?
以下是我经过整理并用红色标记出替换数据的代码(不含音乐),供喜欢玩宽幅动感画的朋友参考:
<MARQUEE style="POSITION: relative; WIDTH:750px; HEIGHT: 570px;" onmouseover=this.stop() onmouseout=this.start() behavior=alternate scrollAmount=1
scrollDelay=1>
<TABLE border=0 cellPadding=0 width=2190 height=570>
<TBODY>
<TD background=http://2011.hnzqw.com/attachments/month_1110/1110031136001ccfd5675cdd52.jpg width=438></TD>
<TD background=http://2011.hnzqw.com/attachments/month_1110/1110031137e78ebbb865fc9b38.jpg width=438></TD>
<TD background=http://2011.hnzqw.com/attachments/month_1110/11100311371f8c766615cea152.jpg width=438></TD>
<TD background=http://2011.hnzqw.com/attachments/month_1110/11100311377d1254e25efd365b.jpg width=438></TD>
<TD background=http://2011.hnzqw.com/attachments/month_1110/1110031137d019e67bc5a94954.jpg width=438></TD>
</TBODY></TABLE></MARQUEE>
代码中红色的字体是需要用户替换的,其中:
WIDTH:750px 表示窗口的宽度,这个宽度是网页发布文字的宽度,并没有“冲”出来。
HEIGHT: 570px 表示窗口的高度,这个高度由画面的高度来决定,根据显示器的大小,这个高度一般不超过600为好。
<TABLE border=0 cellPadding=0 width=2190 height=570> 表示五幅或者多幅拼接的画面的宽度之和为2190 其高为570,注意切割后图片大小应该与此数据相符。
background=http://2011.hnzqw.com/attachments/month_1110/1110031136001ccfd5675cdd52.jpg width=438></TD> 表示第一张背景图片的地址与宽度,第二至五张完全相同。
谢谢各位网友!
特别鸣谢笨笨牛!
欣赏了,学习了!
国庆节快快乐乐!
回复 8# 笨笨牛
提出点不同看法:牛总早就应该出手。
天涯倦客:
谢谢你提示,过去对代码贴子一般不大关心,原因是看大家玩得挺高兴,不便打扰,原则上只要代码贴子不影响到整个的论坛运行就不去干涉。
最近浏阳河人将代码运用到大照片的播放,觉得效果很好,许多摄友喜欢拼接照片,这也适合用代码中的移动方式展示,因此看了一下在华容栏目中的这个贴子,并贴出一个可供大家参考的、适合在论坛运行的代码版本。昨天贴出来后,萝卜头就钻研了一整天,从上午一直捣鼓到晚上12点多,竟然连晚饭都忘记吃了,可见这确实是有一些人喜欢玩的,也可见你的看法完全正确,今后有空,要加强与玩代码的网友交流。
萝卜头:
我帮你改了一下,图片显示出来了。你的代码没有错,错在发贴时没有选择“源码”。
还有一个提示:在一些论坛发代码贴子,往往不能够发表之前去预览,这是因在预览的过程中,论坛会自作主张地将代码按照它的方式修改,结果代码给弄“糊”,显示不出来。
回复 1# 老知青
借曼姐这块宝地传张底图试一试。
[attach]146231[/attach]
[audio]http://www.xbdj.cn/m/6f6b0d0df0f00195ba9f2f6564f685403/www.xbdj.cn.mp3[/audio]
欢迎光临 湖南知青网论坛2011年度 (http://2011.hnzqw.com/) | Powered by Discuz! 7.2 |