slideshow picture
การนำข้อ slideshow image ไปใช้
1. น้ำโฟลเดอร์ที่แตกซิปแล้ว ไปรวมกับไฟล์งานของเรา
2. เปลี่ยนรูปภาพเค้าเป็นภาพตนเอง
2.1 ถ้าใช้ชื่อรูปภาพตามเค้า จะใช้ได้ง่าย ไม่ต้องเปลี่ยนโคสอะไร
2.2 ถ้าไม่ใช้ชื่อรูปภาพตามเรา จะต้องไปแก้ไขโคส ในหน้า index.html ของเค้า
3.แก้ไขไฟล์ index.html เค้า แล้วนำโคส index.html เราไปแทรกของเค้า หรือข้อ 4
4.แก้ไขไฟล์ index.html ของเรา แล้วนำโคส index.html ของเค้า มาแทรกของเรา
แก้ไขในส่วนโคส คล้ายๆ ตามนี้ เช่น
<li><a href="lbox/portrait2.jpg"><img src="lbox/portrait2a.jpg" alt="" title="" /></a></li>
ตัวอย่างเว็บ
- http://visualslideshow.com/
- http://www.kizoa.com/creating-slideshows
- http://www.web3mantra.com/tag/css-image-slideshow/
- http://blog.templatemonster.com/2011/04/14/jquery-css3-photo-gallery-tutorials-html5-website/
- http://tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/
- http://tympanus.net/codrops/2010/07/05/minimalistic-slideshow-gallery/
- http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html
- The Sliding Image Gallery Project
- Sliding Image Gallery Demo #1 (default settings)
- Sliding Image Gallery Demo #2 (smaller zoom, smaller side images, slower sliding)
- Sliding Image Gallery Demo #3 (captions enabled)
- Sliding Image Gallery Demo #4 (container enabled)
คีย์ในการค้น หา google
- jQuery gallery image
- css gallery image