所有主題

+
Home > 資源>技巧> 如何使一個簡單的 JAVAscript 幻燈片

如何使一個簡單的 JAVAscript 幻燈片

JAVAscript,也被稱為 js,是一種 web 指令碼語言用於操作 DOM (文件物件模型) 元素。它是一種跨平臺技術與 HTML 中的物件進行交互。通過訪問各種不同的物件,在 HTML 中,你甚至可以實現簡單的 JAVAscript 幻燈片與純 JAVAscript 代碼。

這篇文章將給你一個簡單的JAVAscript 幻燈片示例,您可以將圖像幻燈片添加到您的網站。您可以控制什麼和多少的圖像被包括在內,以及投影片放映速度。唯一的淡入淡出過渡效果用於 JAVAscript 幻燈片。為獲得更多控制圖像幻燈片,如更多的過渡效果,幻燈片標題,圖像超連結,等等,我們建議你使用更強大的幻燈片製造商像快閃記憶體畫廊工廠,立即將醒目顯示添加到您的網站。

Download Win Version

你也可以成為先進的 JAVAscript 程式師,要通過學習JAVAscript 課程W3C.com 擴展為一個更好的 javascript 幻燈片的 javascript 代碼。現在看看如何設置一個簡單的 JAVAscript 幻燈片一步一步。

1開始從 JS 幻燈片代碼示例

那裡是沒有需要從頭開始編寫 JAVAscript 幻燈片代碼。這裡是一個JAVAscript 幻燈片示例 (1 kb,zip)。下載並解壓縮到您的電腦。我們將簡單地修改它以適合您的需要。您將得到一個單一的 javascript-幻燈片-example.html 檔。

2更改圖像名稱、 圖像路徑、 js 投影片放映速度

使用您喜愛的文字編輯器打開它,改變它根據包含在檔中的說明。

  • 要更改幻燈片的持續時間,請轉到slideShowspeed參數。
  • 若要添加更多的圖片,只是複製和粘貼Pic [0] = '1.jpg'生產線,並相應地改變陣列數目和影像檔名稱。如果您的圖像放在一個資料夾,例如圖像,使用相應的路徑,像 Pic [0] = 'images/1.jpg'。您也可以在這裡使用絕對圖像位址。

3嵌入 JAVAscript 幻燈片到您的 web 頁

現在打開你想要嵌入的JAVAscript 幻燈片顯示的 web 頁。複製並粘貼整個 < 腳本 > 標記到地方之間 < 頭 > 和 < / 頭 >。然後讓頁面來啟動您的 JAVAscript 幻燈片,通過添加載入網頁時onLoad="javaSlideShow()"歸因於 < body > 標籤。最後,使出現在頁面的正確位置上的 javascript 代碼。要這樣做,只是把代碼之間 < 表 > 和 < / 表 > 標籤到它應該在哪裡。

4保存並預覽 JAVAscript 幻燈片

好的將其保存並預覽。如果一切順利的話,你可能會看到一個JAVAscript 幻燈片作為這.

與產品有關的問題?直接對我們的支援小組說話 >>

返回頁首