[WebTech #74] CSS > 4. CSS 範例 > 4-5 圖形處理 > 4-5-3 幻燈秀
如果你不想小家子氣地秀一些「縮圖」,何妨把它們放大後做成幻燈秀?這邊有一些幻燈秀的效果,您都可以看線上示範、並且免費取得原始碼喔!
先介紹點一般的幻燈秀:
(1) http://tympanus.net/codrops/2012/04/30/fluid-css3-slideshow-with-parallax-effect/
(2) http://tympanus.net/codrops/2012/06/05/fullscreen-slit-slider-with-jquery-and-css3/
(3) http://tympanus.net/codrops/2011/10/10/circle-navigation-effect-with-css3/
(4) http://www.inserthtml.com/2012/09/flipbook-jquery-css/
(5) http://designmodo.com/slider-css3/
底下也是幻燈秀,不過效果非常絢麗:
(1) http://tympanus.net/codrops/2010/06/27/beautiful-photo-stack-gallery-with-jquery-and-css3/
(2) http://coding.smashingmagazine.com/2012/04/25/pure-css3-cycling-slideshow/
(3) http://tutorialzine.com/2012/03/instagram-magazine-php-jquery/
(4) http://tympanus.net/codrops/2012/06/06/image-accordion-with-css3/
這個嚴格上來講不算幻燈秀,應該算「照片濾鏡」。不過因為也可以與幻燈秀一起用,我就放在這裡了:
(1) http://www.inserthtml.com/2012/06/css-filters/
---
最棒的 CSS Selector 或 Properties 線上參考手冊:
(進入後,Selector 在中央,Properties 在左下選單)
http://www.w3schools.com/cssref/css_selectors.asp
同時也有1部Youtube影片,追蹤數超過5,250的網紅Nguyễn Hải Trung,也在其Youtube影片中提到,Tặng bạn 30 khóa học miễn phí Về lập trình web và tiếp thị liên kết Tất cả đều có trên https://gioi.net ? Đặt vé máy bay giá rẻ: http://vnbay.vn ? Đă...
「slideshow jquery」的推薦目錄:
slideshow jquery 在 Nguyễn Hải Trung Youtube 的評價
Tặng bạn 30 khóa học miễn phí
Về lập trình web và tiếp thị liên kết
Tất cả đều có trên https://gioi.net
? Đặt vé máy bay giá rẻ: http://vnbay.vn
? Đăng ký kênh: http://bit.ly/tusachvang
? Fanpage: http://fb.com/hocthietkeweb
#tusachvang #datmatrung #nguyenhaitrung
#hoctuxa #longvantu #bangdang #seoimk
#seoims #hocthietkeweb #gioinet #vnbay
#datvemaybay #photocopy #thietkeweb
slideshow jquery 在 jQuery Slider w/o Coding : jQuery Slideshow : WOW 的相關結果
jQuery Slider Features · Awesome and unique transitions · Fancy templates · Fully responsive · Graceful degradation to pure CSS image slider · Youtube & Vimeo video ... ... <看更多>
slideshow jquery 在 輕量級jQuery Slideshow Plugin - 小惡魔- AppleBOY 的相關結果
相信在網路上可以找到一堆jQuery Slideshow Plugin,例如33 POWERFUL JQUERY SLIDESHOW (SLIDERS) PLUGINS AND TUTORIALS 介紹了33 種不同的Slideshow ... ... <看更多>
slideshow jquery 在 How To Create a Slideshow - W3Schools 的相關結果
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, ... ... <看更多>