header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務,與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法,了解已知問題,或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對,幫助實現目標。
placeholder-preview-image

Wix 專業圖庫:滑動圖庫操作

2 分鐘
Wix Pro Gallery 提供多種圖庫版面配置供您選擇,其中部分版面配置支援滑動功能。
滑動式圖庫提供一組獨特的自訂選項、互動元件和動畫效果,能有效吸引訪客注意。其中部分選項包括調整圖庫滑動方式(自動或手動),以及新增訪客瀏覽內容時顯現的趣味捲動動畫。
顯示滑動圖庫自動滑動的動畫

自訂訪客開啟網站時圖庫的滑動方式。您可以將圖片設為循環播放、設定圖庫在品項之間自動滑動的時間間隔,或交由訪客自行決定。

自訂圖庫滑動方式:

  1. 前往編輯器
  2. 點擊頁面上的 Pro Gallery 元件。
  3. 點擊設定
  4. 點擊版面配置索引標籤。
  5. 點擊自訂版面配置並調整以下項目:
    • 循環播放圖片:選擇是否允許訪客以連續循環的方式捲動圖庫品項。
      請留意:循環播放圖片設定僅適用於滑桿、投影片放映、縮圖和欄等版面配置。
    • 自動滑動:選擇以連續投影片放映的方式顯示品項:
      • 間隔:圖庫會在您設定的時間後滑動至下一個品項。拖曳圖片間隔時間滑桿即可更改品項之間的秒數。
      • 連續:圖庫會自動滑動。拖曳投影片放映速度滑桿即可調整圖庫滑動的速度。
      • 懸停時暫停:開啟切換開關,讓投影片在訪客將滑鼠游標懸停於圖庫品項時暫停。
設定面板中「版面配置」索引標籤的螢幕截圖,顯示滑動選項

在 Pro Gallery 顯示導覽箭頭,引導訪客按照自己的節奏查看更多圖庫內容。接著,您可以自訂這些箭頭以配合網站樣式。可用的自訂選項取決於您選擇的圖庫版面配置。

自訂圖庫導覽箭頭:

  1. 前往編輯器
  2. 點擊頁面上的專業圖庫元件。
  3. 點擊設定
  4. 點擊設計索引標籤。
  5. 點擊導覽箭頭
  6. 開啟顯示導覽箭頭切換開關。
  7. 使用以下選項自訂箭頭:
    • 箭頭樣式:選擇箭頭設計,或點擊新增圖示以上傳自訂樣式。
    • 箭頭背景:點擊下拉式選單並選擇選項:
      • 陰影:在箭頭周圍新增輕微陰影。
      • 方塊:在箭頭周圍新增方塊。點擊色彩方塊即可更改色彩,並拖動相關滑桿來調整透明度與圓角。
      • 無:不為箭頭新增背景。
    • 箭頭大小:拖動滑桿即可放大或縮小導覽箭頭。
    • 箭頭色彩:點擊色彩方塊即可選擇導覽箭頭色彩。從網站色彩中選擇或自訂色彩。
    • 箭頭位置:選擇相關核取方塊,即可在圖庫內或圖庫外顯示導覽箭頭。
      請留意:在圖庫上顯示導覽箭頭可能會遮住部分圖庫品項。
    • 箭頭置中對齊收件者:選擇箭頭要置中對齊的圖庫部分:圖庫圖片文字
    • 橫向邊距:拖動滑桿即可調整箭頭與圖庫邊框之間的空間量。
設定面板中「設計」索引標籤的螢幕截圖,顯示導覽箭頭自訂選項

捲動動畫

為滑動時的圖庫品項新增酷炫的視覺效果。這能建立從一個圖庫品項到下一個品項的平滑流動。例如,您可以讓圖片淡入、縮小或向上滑動顯現。

若要設定捲動動畫:

  1. 前往編輯器
  2. 點擊頁面上的專業圖庫元件。
  3. 點擊設定
  4. 點擊設計索引標籤。
  5. 點擊捲動動畫
  6. 選擇訪客捲動圖庫時的效果:
    • 無效果:不套用捲動效果。
    • 淡入:圖片在捲動期間逐漸顯現。
    • 灰階:圖片在捲動時變為黑白色。
    • 向上滑動:圖片在捲動時向上滑動。
    • 展開:圖片在捲動時變大。
    • 收縮:圖片在捲動時變小。
    • 縮小:圖片在捲動時向外縮放。
    • 單色:圖片在捲動時套用單一色彩。
  7. 點擊自訂動畫
    請留意:自訂動畫設定僅適用於具有橫向捲動的版面配置。
  8. 編輯動畫設定:
    • 過場樣式:點擊下拉式選單即可為圖庫品項套用動態效果。當訪客從一個品項移動到下一個品項時,系統會在捲動時套用此效果。
    • 持續時間:拖動滑桿即可調整動畫持續時間。
設定面板中「設計」索引標籤的螢幕截圖,顯示捲動動畫設定並強調「自訂動畫」按鈕

常見問題

點擊下方問題以瞭解更多滑動圖庫資訊: