March 2007 Archives
ruby的range的用法很好用,比如
这里用了range的"..",其实还有一种用法就是"...",比如
可以看到结果少了一个10.
这就是说ruby range".."和"..."的区别就是".."是包括结束的那个数的,"..."是不包括结束的那个数的.
和泰国近40度的高温相比，北京现在的天气真是太舒适了。从满目绿树鲜花的泰国，回到这个初春的北京，看着毛毛虫似的杨树花都很亲切。
在泰国的五天里，总的来说玩得不错，20人的团坐着49座的大巴非常舒适。在当地，我们吃了当地的鱼翅、燕窝、鱼、虾、蟹，还吃了Ｎ多热带水果，看了Ｎ多各种表演（包括民族歌舞、人妖表演、大象表演等等）......好玩的也不少，骑大象、钓鳄鱼、坐快艇......另外，还享受了两次正宗的泰式按摩。
不过，这些好吃好看好玩的东西再多我还是想家的......于是乎，玩累了的我飞回来啦！
这是我第一次出国去玩，行程是泰国一地六日游。记得小学课本里有一课《曼谷的小象》，那是我第一次对泰国的风土人情有所了解。再后来，从电视杂志等媒体看到泰国的人妖表演、鳄鱼表演，让我感觉即新鲜又精彩......如今，能有机会去亲历这些异域风情，我心里充满了期待。
说到不舍，是因为这次到泰国玩，我神州行的手机和ＵＰ新势力的手机都不能国际漫游，这也就意味着我至少将有四天（在泰国当地停留四天）的时间不能和桐联系。四五天，说长不长，说短也不短。从我和桐认识到现在，从没有不联系超过37个小时，现在起码要超过100个小时，这对我们来说真是太漫长了......不过，人虽在两地，我们的心还是在一起的，因为我知道桐会很想我，我也会很想他，一定一定！
今天花了点时间把相册又改了改,为什么要说又呢,因为在前几天已经改过一次了,只不过不理想,今天所以才又改了改.
在最初相册是用javascript写的,把照片幻灯片式的展示出来,但我用的js组件有点弱,各种特效也不好,特别是firefox浏览器,显示效果更差了,所以决定用flash的方式去显示照片.
先是选用了xml_slideshow,xml_slideshow刚开始各方面都符合我的要求
1.可以同server结合,动态决定显示照片
2.有20多种特效
3.可以在图片上显示文字
4.自定义背景,文字选项
所以毫不犹豫的把自己的相册也改成xml_slideshow显示了
等这一版相册上线后,随之出现了不少的问题
1.图片上显示文字不支持中文,我看chang-log中有写support utf-8,可还是无法正常显示出来:<
2.不知道为什么每个相册只能显示第一张至第十张照片.....这个实在太郁闷了,我不知道是不是我哪里弄的不对,无奈了
就这样,忍受了几天,今天终于有点时间,决定把xml_slideshow换掉!!
在google,bluedot.us,del.icio.us中我搜呀搜:
找到了
1.Smooth Gallery,(Smooth SlideShow这是以前的版本)这个相册实现的很不错,是纯javascript+css的,我一开始想用这个的,但实现了一个sample后就决定不用了,因为这个需要把要展示的图片都要先生成
<div id="myGallery">
<div class="imageElement">
<h3>Item 1 Title</h3>
<p>Item 1 Description</p>
<a href="mypage1.html" title="open image" class="open"></a>
<img src="images/brugges2006/1.jpg" class="full" />
<img src="images/brugges2006/1-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 2 Title</h3>
<p>Item 2 Description</p>
<a href="mypage2.html" title="open image" class="open"></a>
<img src="images/brugges2006/2.jpg" class="full" />
<img src="images/brugges2006/2-mini.jpg" class="thumbnail" />
</div>
</div>
这样的html,这样问题就来了,如果图片少的话还可以,如果图片多了,首先生成这样的html就很费时间,然后js再一张一张load图片,等待时间超长,无法忍受.
2.S5,没怎么看,也没有demo效果,不想在这个上面耽误太多时间
3.couloir_slideshow ,这个看demo效果很好,用js+css实现的仿flash效果的,几乎可以以假乱真,这个页面只有源文件下载,没有介绍怎么使用这个工具,我也没时间研究了,就且做罢
4.CSS Photo Shuffler ,这个也是用javascript和css实现的,效果也不错,特别是fade效果,我挺喜欢的,不过看了看sample,感觉也不是太好,因为他要把待显示图片用js的array方式存储,如果用这个的话,我还要先得在rhtml动态输入js ,没有直接用rxml输入xml舒服,所以也放弃这个了.
var gblImg = new Array(
"78ebdaf8bc.jpg",
"3523869ba4.jpg",
"fabcf2f7ce.jpg"
);
另外还有一个实现是给图片加链接的CSS Linked Photo Shuffler,也要建一个js array
var gblHref = new Array(
"http://google.com",
"javascript:alert('long way down');",
"http://iamacamera.org"
);
5.YUI-based Slideshow,没怎么看,一个原因是要用YUI库,这样引入的js就太多太大了,严重影响带宽,还有主页做的效果太差了,没有兴趣在这面逗留太久....
6.Carousel ,JS实现的slideshow,主页上有不少demo,还可以吧,但效果不够炫
以上这些都不太符合我的要求,还有一个就是simpleviewer,这是我找了半天最能符合我要求的相册程序了,看了看demo,又看了看get start,决定就它吧,不再找了,另外simpleviewer也有一个组件是autoviewer,是自动幻灯显示图片(simpleviewer需要用鼠标左键和滚轴都行或键盘操作显示图片,不支持自动播放),但我看了半天,也试了一下,这个组件不支持server动态生成xml数据文件,只能引用固定的数据xml文件:<,所以还是只能用simpleviewer了.
最后我想说如果autoviewer可以引用动态xml文件的话就好了,如果simpleviewer可以支持auto play就好了,如果xml_slideshow不出现只显示10个照片的问题就好了.....如果...如果....
现在使用simpleviewer组件的相册首页已经上线,大家多来看看吧.
