2006/04/16

在網誌中以slideshow方式展示Flickr相簿


我蠻喜歡Flickr所提供的slideshow功能也一直想在blog的文章裡直接套用無奈本人肉腳 始終找不到辦法只能以連結方式處理
昨天意外學到iframe標記的使用方式靈機一動 拿來試試果然如本人所料 成功達陣
野人獻曝 將語法敘述如下提供給有需要的人一同玩樂那些精通網頁編寫的前輩們笑話我大驚小怪沒關係但若是我以下的敘述之中還有可以精進、修正之處也請您記得高抬貴手 順便指點一二
經過嘗試之後我採用的語法如下(請自行將全形的"<"與">"符號改回半形):
<iframe frameborder="1" 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寬的區域被擋掉了啦
來 繼續"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呈現結果如下:




(本文轉載自http://blog.xuite.net/sony.yap/hon8230/122408)

0 意見:

張貼留言