教學。在文章中插入相簿投影片﹡補圖

把痞客邦相簿的幻燈片插入文章中,這個點子對我來說挺實用的。曾經看過別人的部落格裡放過,但沒看過教學。最近想要這玩意的慾望高漲,在網上搜索了很久,找到了這比較相近的做法(Rayer’s站長日誌之插入Flickr, Picasa的投影片)。同樣地我把相簿的投影片用<iframe>的語法寫到文章里,結果,成功了。這裡即時寫篇教學,與喜歡這功能的朋友分享。
HTML語法︰<iframe src="投影片網址" frameborder="0" width="寬度" height="高度" scrolling="no"></iframe>

<iframe></iframe>是嵌入網頁的語法,也就是直接把另一個網頁嵌入內文。

把投影片插入內文的步驟為︰

1. 進入目標相簿,此相簿需設為公開相簿。

2. 打開「瀏覽功能」中的「幻燈片播放」。

3. 幻燈片的網頁開啟後,抄下它的連結。

4. 在文中想出現該幻燈片的地方,以編輯原始碼的方式加入這行語法︰

<iframe src="投影片網址" _fcksavedurl=""投影片網址"" _fcksavedurl=""投影片網址"" _fcksavedurl=""投影片網址"" _fcksavedurl=""投影片網址"" _fcksavedurl=""投影片網址"" frameborder="0" width="寬度" height="高度" scrolling="no"></iframe>

﹡src="投影片網址" - 填入抄下的連結。
﹡width="寬度" - 相簿中的照片之寬度,選最闊那張的寬度,這樣就不會出現左右捲軸。
﹡height="高度" - 因為痞客邦的幻燈片有加入播放的banner,高度以最高那張的高度+100,才不會出現上下捲軸。(例如︰最高那張照片是330×478,那高度就得填上578或更多)
﹡frameborder="0" - 嵌入網頁的邊框設定。
﹡scrolling="no"  - 捲軸,可設yes或no,不過痞客邦的幻燈片設成no也一樣有捲軸出現。我不在行,也不知怎樣解釋。

以此文為示範︰

圖例︰

這是寬度和高度設定不夠,上下捲軸和左右捲軸都出現。


這是高度設定不夠。


剛開始下載痞客邦幻燈片時都會出現這樣局面,屬於正常。只要高度和寬度設定足夠,開始播放就不會有捲軸了。

以同樣的方法也可以插入網頁,例如︰
 

 

  1. 這真的是一篇非常實用的教學,妳好用心,真的謝謝妳!
    這樣我就不用再一張一張貼照片,又要一張一張改大小,真是超級實用阿!
    感恩~~
    版主回覆:(07/16/2007 09:55:17 PM)
    南瓜,不用客氣。順手之勞,希望對妳有幫助。^^

    Reply
  2. 感謝,收為書籤包回家囉。
    版主回覆:(07/08/2007 09:18:00 PM)
    香草薄荷,別客氣。這語法用法很多,留著備用吧。

    Reply
  3. 原來是這樣啊?太好了,鞠躬,下次來試試.^0^

    Reply
  4. 好方便
    好實用~
    感謝你的分享^^

    Reply
  5. 非常感謝您的分享!
    待我實驗成功之後再來報告使用心得^^

    Reply
  6. 感謝分享 2011/05/27, 2:34 am

    但是有一個困擾ㄟ,我用GOOGLE的Picasa的相簿,左下方有『X』點入時,將會進入整個資料庫,怎麼做才不會這樣呢?

    Reply
  7. 感謝分享 2011/05/27, 2:37 am

    或是我一定要用痞客邦的相片平台呢?
    版主回覆:(07/08/2007 09:21:51 PM)
    您好。我這篇是針對痞客邦寫的,所以對Picase的輸入不是很了解說。

    Reply

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.