網頁設計教學系列-用slidemypics來製作相片自動播放和控制

今天所分享的東西,其實在成立一個網站時,也相當的重要,那就是如何讓自己的相片,可以呈現自動輪播以外,還可以去控制,通常現在我們做這個部分,通常都是用JQUERY來控制,不過對於一些初學者來說,JQUERY或許不是很好上手,所以今天要介紹一個可以做基本相片輪播的網站,相當簡便好上手,一起來看看!

slidemypics

  • 網站名稱:slidemypics
  • 網址:按這裡

第一步我們先來看到介面,看到這邊有FACEBOOK,PICASA,FLICK等等,你要把圖片丟到這其中一個裡面來,

第二步 我這邊選擇FACEBOOK的,然後按中間那個CLICK,發現我的相簿都被加進來,這邊我點選自己的生活好吃美味特色分享,

第三步 就會發現,這個網站已經幫我作好一個相片輪播的部分,實在滿方便的,

第四步 下面有一個"Settings"的部分,按進去後,它這邊提供給你三種相片播放樣式給你選擇,比如這邊我選擇"Thumbview”,

第五步 就會發現,我的相片輪播樣式變了,下面還有圖片可以點,就跟一般相片輪播實在差不多,

最後,如果要嵌入你的網站,複製下方IFRAME的語法就可以了,像下方就是我嵌入的相片輪播部分,這個好用的東西,就分享給大家啦!

相片輪播範例:

 

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>