跳到主要內容

在網誌中以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)

留言

這個網誌中的熱門文章

(推薦)提姆網!最便捷的網路道覽網站!

今天大王在佳文媽媽的大力推薦下到訪「 提姆網 」。TimLiao提姆網( www.timliao.com )成立於2003年五月,創辦人與網站製作皆為Tim Liao廖庭毅。網站創立的目的在 提供所有上網用戶最便捷的網路導覽網站 ,讓用戶在最短的時間內,用最便捷的方式收尋到想要的連結站。網站目前收集了台灣 3000多個大站連結 ,都是經過仔細篩選而來。此站的最大特色在於快速收尋連結站,在首頁將滑鼠移動到各式分類底下,連結就會一一顯示,不用一頁一頁的收尋,可節省用戶不少的時間。網站提供了日常生活所必備的即時資訊,讓用戶掌握最新消息。其他像是網站中的 24小時台灣免費線上電台電視 ,讓居住在國外的朋友也能即時收聽到台灣最新消息。真是個值得推薦瀏覽的網站!

(分享)(投影片)20060926Web2.0國際研討會~投影片分享~

Web2.0 國際研討會(International Conference)一連2天在台北國際會議中心舉行,大王當然也沒錯過這場盛會~~。下面先分享大王整理的投影片資料: (點選連結前請在「 回應 」中簽個到吧~^^讓大王知道一下有多少人看過這些分享資料囉~) Web2.0國際研討會-01-TechCrunch Web2.0國際研討會-02-Flickr Web2.0國際研討會-03-salesforce.com Web2.0國際研討會-04-HeyMath Web2.0國際研討會-05-Bubbleshare Web2.0國際研討會-06-Panel Discussion Web2.0國際研討會-07-麥實創投 Web2.0國際研討會-08-智碁創投 Web2.0國際研討會-09-PChome Online Web2.0國際研討會-10-Yahoo! Web2.0國際研討會-11-無名小站 Web2.0國際研討會-12-愛情公寓 Web2.0國際研討會-13-HemiDemi Web2.0國際研討會-14-IBM Web2.0國際研討會-15-Microsoft Web2.0國際研討會-16-Panel discussion

(分享)(教學)如何在Blogger裡加入Flash mp3 播放器

你是不是也常看到其它Blogger裡有一個漂亮的Flash mp3播放器呢?過去大王也曾想過在Blog裡加上mp3播放器,不過一直沒有這樣玩,因為它得要把一些檔案放在自己的網路空間裡。此外,歌曲也必需存放在自己的空間裡。所以大王就沒有把它加到自己的Blog裡囉。不過這個Flashmp3Player已經發展到3.2版囉~可以透過xml來編輯自己的音樂清單,並且音樂曲目的連結可以用站外的檔案進行連結哦!這就又讓大王想在Blogger裡加上一個音樂播放器了,馬上來玩玩看囉^^。 step1.首先你必需下載這個Flashmp3播放器:[ 下載連結 ][ 作者Blog ] step2.打開playlist.xml開始編輯自己的播放清單囉~歌曲可以是在網路上的任何位置 歌曲的搜尋可以試試 Tom.com音樂搜尋引擎 囉~ step3.將mp3player.swf、ufo.js、playlist.xml,三個檔案上傳到自己的網頁空間。(ex.Yahoo、Hinet、Seednet...) 記得要將檔案的連結位置記下來囉,可以在檔名上按滑鼠右鍵複製捷徑。然後把它先存在你的記事本中囉~ 三個檔案的位置都要記錄下來哦^^ step4.打開你blogger的樣版,把下面的語法加到<head></head>之間 <script type="text/javascript" src=" 在這中間把剛才上傳的ufo.js的網址貼上來,例如http://home.kimo.com.tw/kelvinwang1977/ufo.js "></script> step5.接著把下面的語法加到<body></body>之間。 如果你用的也是blogger的空間,那麼就把它放在<!-- Begin #sidebar -->到</body>之前,找個喜歡的位置把它佈置進去囉。語法如下: <embed FlashVars="file= 在這中間把剛才上傳的playlist.xml的網址貼上來,例如http://homelf.kimo.com.tw/kelvinwang1977/playlist.xml &repeat=true...