Flexslider－－方便好用的圖片輪播、滑動切換套件

文章專區

網頁設計相關文章

文章專區 MENU

Flexslider－－方便好用的圖片輪播、滑動切換套件

大圖輪播已經是許多網站的常見功能了，除了在剛進入網站的時候能夠立即吸引使用者的目光以外，還可以搭配炫目的動畫達成一定的互動效果。

此套件必須包含flexslider.css、jquery.flexslider.js、jquery.min.js，可以到Flexslider官網下載資料夾。https://woocommerce.com/flexslider/

JS方面除了上述以外需加入以下

若要改項目參數可以看官網步驟四有詳細的項目列表

例：

HTML

CSS

flexslider.css裡的設定可依據實際需要自由修改

範例：https://codepen.io/bok770/pen/zdvZVe

更多文章

客製化網站和套版網站的差別-一化網頁設計

客製化網頁設計的優點-一化網頁設計

穿透的Div－CSS的pointer-events屬性

瀏覽器支援度檢測－CSS@support的用法

不用再清除float浮動了！CSS的display:flow-root屬性

網頁設計使用CSS排版對SEO的影響

什麼是RWD (響應式網頁設計、回應式網頁設計)?