以Slideshow方式展示Flickr的详细介绍
Flickrcn 我蛮喜欢Flickr所提供的slideshow功能,也一直想在Blog的文章里直接套用,无奈本人肉脚始终找不到办法,只能以连结方式处理。昨天意外学到iframe标记的使用方式,灵机一动拿来试试,果然如本人所料测试成功。
这里将过程叙述如下,提供给有需要的人一同玩乐。那些精通网页编写的前辈们笑话我大惊小怪没关系,但若是我以下的叙述之中还有可以精进、修正之处,也请您记得高抬贵手,顺便指点一二。
经过尝试之后,我采用的语法如下:
<iframe width=500 height=500 scrolling=no src=http://www.flickr.com/slideShow/index.gne?set_id=#####></iframe>
我知道大家都很聪明都看得懂,但为了加重本文的份量,还是让我鸡婆说明一下…
frameborder是用来设定要不要边框,以IE跟Firefox来说,要的话填1 不要就填0,但KKman的话没差,填1或填0都看不到边框。
width与height是用来设定宽度与高度,在此两者数值相同,这一项有点小复杂。以IE来看,因为是向内包框,所以有边框的话要填504 没边框的话要填500,以KKman来看,因为不会显示边框,填504或500都没差,以Firefox来看,因为是向外包框,所以不管有没有边框填500都OK。看到这里,你是不是花去了?哈哈!好啦,简单一点,都填500吧,管IE去死…不是啦,我意思是除非那些用IE的人特别去注意,否则真的看不出来这个子视窗的右边有4px宽的区域被挡掉了。
另外还有个特殊状况,那就是当Blog模板的主栏宽度值小于500的时候,如果iframe语法中的宽度值依然设为500,那可能会导致模板移位(比如边栏会往下掉)。若是遇上这个状况,不妨试着把宽度值设为100%,也就是把语法改为:<iframe frameborder=0 width=100% height=500 scrolling=no src=http://www.flickr.com/slideShow/index.gne?set_id=#####></iframe> ,如此一来应该可以省事不少,不用花功夫去抓自己的宽度值:)
scrolling是用来设定这个子视窗要不要卷轴,要就填yes 不要就填no,(应该没人会想填yes吧?!@@)
src要填view as slideshow in new window的连结网址,应该都是http://www.flickr.com/slideShow/index.gne?set_id=#####这样的格式,但请记得自行以目标相册的编号(set ID)取代#####。而除了设定set_id=为展示参数之外,也可以设定nsid=、text=、tags=、tag_mode=、user_id=、favorites=、group_id=、contacts=、frifam=、single=、firstIndex=、firstId=为展示参数。
比如,我若是想展示由工头当组头的Blog Banner群组(群组编号为44221404@N00)
那么我便得如此填写连结网址:http://www.flickr.com/slideShow/index.gne? group_id=44221404@N00
相关日志:如何在Blog上内嵌Flickr幻灯片? 原文链接
随机显示日志:
Fatal error: Call to undefined function: random_posts() in /home/lannyone/public_html/flickrcncom/wp-content/themes/indigo/single.php on line 32