進階相片內嵌 - 自訂選項

過去未曾內嵌過 Lytro 相片?請參閱我們相關的簡介主題:「如何在網站或部落格上內嵌相片??」

我們隨時歡迎您使用 Lytro Web 專屬空間,做為存放動態相片的主要藝廊。  

但是,如果您有自己的網站或部落格,而且想要自訂內嵌相片的外觀,做法如下:

  • 重要:如果您不需要自訂內嵌相片的外觀,請改用我們的基本內嵌指示

==================================

注意: 您的相簿必須設為公開 或是 必須 使用特殊標記 URL 來分享 私人相簿

==================================

自訂選項摘要:

有數種選項可讓您改變內嵌動態相片的外觀。建議您詳閱本文,確保能針對您的特定需求做出最佳選擇。

但若要快速參閱,或您已經熟悉 iframe 參數且只想要決定使用的組合,以下的選項組合提供給您開始使用的基本組合。 您可以使用 TRUE 與 FALSE 選項建立各種可能的外觀:

選項定義

  • enableHelp - 顯示/隱藏說明圖示
  • enableAttribution - 顯示/隱藏相片說明與使用者名稱
  • enableLogo - 顯示/隱藏 Lytro 標誌
  • enableFullscreen - 允許使用者開啟全螢幕
  • enablePlay - 顯示/隱藏「播放」按鈕
  • bgColor - 設定背景顏色

範例

A. 「清除」 - 移除相片中所有的選項功能。

以下是如何在您的網站或部落格中內嵌動態相片,但沒有任何標誌或識別記號:

  1. 依照一般方式複製相片的內嵌程式碼

  2. 在內嵌程式碼內相片 URL 的結尾處,新增下列字串:

    ?enableHelp=false&enableAttribution=false&enableLogo=false&enableFullscreen=false

  3. 以下是更改後的「清除」內嵌程式碼,其中所有的選項功能已關閉 (所有四個主要修飾詞參數皆設為 "false"):
    <iframe width='400' height='415' src='https://pictures.lytro.com/SaraRoxanne/pictures/786988/embed?enableHelp=false&enableAttribution=false&enableLogo=false&enableFullscreen=false frameborder='0' allowfullscreen scrolling='no'></iframe>

  4. 更改後的「清除」內嵌程式碼如下所示:

AdvEmbed1.jpg

注意:

  • 由於沒有視覺指示器讓您的讀者與內嵌相片互動,因此強烈建議您在部落格文章或網站頁面上包含 Lytro 播放器指示

  • 同樣的,您可能會想要在網站或部落格文章的文字中包含您 Lytro Web 藝廊的連結,否則讀者不知道如何更進一步觀賞動態相片。

B. 「僅說明」 - 沒有識別記號:

  1. 依照一般方式複製相片的內嵌程式碼

  2. 在內嵌程式碼內相片 URL 的結尾處,新增下列字串:
    ?enableHelp=false&enableAttribution=true&enableLogo=false&enableFullscreen=false&bgColor=000000

  3. 以下是完全更改後的「僅說明」內嵌程式碼:

    <iframe width='400' height='415' src='https://pictures.lytro.com/SaraRoxanne/pictures/786988/embed?enableHelp=false&enableAttribution=true&enableLogo=false&enableFullscreen=false frameborder='0' allowfullscreen scrolling='no'></iframe>

      

3. 更改後的「僅說明」內嵌相片如下所示:

 

AdvEmbfixed1.jpg

 

注意:

  • 按一下使用者名稱會將檢視者帶回到藝廊相片頁面。

  • 請注意,沒有視覺指示器可讓您的讀者與內嵌相片互動 。因此,強烈建議您在部落格文章或網站頁面上包含 Lytro 播放器指示

C. 「啟用說明」 - Lytro 圖示,做為新檢視者的輔助;沒有任何的識別記號 (例如標誌或說明):

  1. 依照一般方式複製相片的內嵌程式碼

  2. 在內嵌程式碼內相片 URL 的結尾處,新增下列字串:

    ?enableHelp=true&enableAttribution=false&enableLogo=false&enableFullscreen=false

  3. 以下是完全更改後的「僅啟用說明」內嵌程式碼:

    <iframe width='400' height='415' src='https://pictures.lytro.com/SaraRoxanne/pictures/786988/embed?enableHelp=true&enableAttribution=false&enableLogo=false&enableFullscreen=false frameborder='0' allowfullscreen scrolling='no'></iframe>

  4. 更改後的「僅啟用說明」內嵌相片如下所示:

AdvEmb4.jpg   

注意:

  • 雖然許多不熟悉動態相片的使用者會想到按一下「說明 (?)」圖示檢視指示,但有些人想不到;因此您仍想要在部落格文章或網站頁面上包含 Lytro Player 指示

D. 未更改的相片

未更改的內嵌相片如下所示:

unalteredwalter.jpg

注意:如需內嵌未更改相片的詳細資訊,請參閱我們的基本內嵌指示

評論

由 Zendesk 提供支援