網頁設計教學系列-好用的JQUERY相片播放製作軟體(WOW slider)

今天要介紹一個超級好用的JQUERY相片製作軟體,一般我們去用JQUERY製造一些效果存在,必須要插入一段JQUERY函式庫,還有JQUERY語法等等的JS檔案,其實整個流程是有點麻煩,摸熟了也沒差,不過這套軟體我想可以幫你增加一些效率,雖然可惜是要付費的,不過我們看到免費就有很讚的用途,如果是網頁設計師的,或許可以考慮買一下!

wowslider

第一步 我們先來到官網,看起來就是一個很棒的slider的效果,

第二步 我們來到下載網址部分,這邊有先免費試用版的,以及69美元架一個的企業網站版,還有可以架無限的99美元網站版本,這邊就看你個人的需求去用,這邊範例先是下載免費的

第三步  下載安裝完之後,就會出現這一個介面,這邊先建議到"選項"裡面有一個語言部分,先修改成簡體中文的(這個沒有繁體),然後再把你要做相片撥放的圖片拖拉進去,

第四步 拖拉完之後,這邊到"圖片集"裡面有一個"屬性"的地方按進去,

第五步 這邊就有一些幻燈片的選項可以選擇,你可以選擇幻燈片出來有沒有陰影,要不要顯示描述等等,

第六步 到了圖片的地方,這邊可以選擇幻燈片的效果,比如漸層,模板也都可以改變,真得相當方便,就不用自己在CSS一直調整位置等等,

第七步 我們來到發佈的地方,這邊選擇你要輸出的文件夾,

最後 他會出現一個index.html檔案,以及兩個資料夾,資料夾裡面分別有CSS檔案,和JS檔案,這邊看你網站需求,在選擇要用在什麼地方,下圖就是呈現出來的效果,這個好用的軟體就介紹給大家啦!

 

發表迴響

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

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