picpost

Share |

ท่านใดที่นำบทความนี้ไปเผยแพร่ที่เว็บหรือบล็อกของท่านกรุณาทำลิงค์กลับมายังบทความต้นฉบับด้วยนะคะ ขอบคุณค่ะ

JQuery 9 สคริปฟรี สำหรับการออกแบบดีไซน์เว็บไซต์ แบบสไลด์ และ gallery | 9 JQuery plugins and effect for web design



By : Admin

Date write : 2010-12-30 11:16:41   Date update : 2010-12-30 11:20:14





1. Hover Slide Effect : สคริป jquery สำหรับสร้างรูปภาพสไลด์ (Slide images)

สามารถดัดแปลงเอาไปทำแบนเนอร์ได้ โดยที่เวลานำเมาส์ไปคลิกบนรูป (mouse hover event)  แล้วจะทำให้รูปเปลี่ยนไปเป็นรูปอื่นๆ ที่เราตั้งไว้

 

hover slide effect สำหรับ ออกแบบเว็บ แต่งเว็บ

 

Demo  Tutorial

 

 2. คริป jquery สร้างแฟ้มผลงานหรือ Portfolio ส่วนตัว แบบแอนนิเมชั่น | Animated Portfolio Gallery by jquery script

เป็นการสร้าง portfolio แบบเก๋ๆ เหมาะสำหรับผู้ที่มีผลงานด้านกราฟฟิก หรือผู้ที่รับออกแบบเว็บไซต์เป็นอย่างยิ่ง

 

สคริปทำ portfolio gallery

Demo  Tutorial

 

3. jquery ทำแบนเนอร์คล้ายกับการสร้าง แบนเนอร์แบบแอนนิเมชั่นสำหรับพรีเซนต์สินค้าแบบเจ๋งๆ | Custom Animation Banner

เอาไปใช้ทำแบนเนอร์แต่งเว็บขายสินค้า เป็นการพรีเซนต์ได้ชัดเจนดีค่ะ แล้วยังดูเก๋ด้วย

 

animation banner, สร้าง แบนเนอร์เฟลช, แบนเนอร์สินค้า

Demo  Tutorial

 

4. jquery effect สำหรับรูปภาพ | Annotation Overlay Effect

เวลาคลิกที่รูปภาพแล้วจะเหมือนกับภาพมันซูมขึ้นมา แล้วมีคำอธิบายภาพในจุดที่เราต้องการอธิบาย สวยดีนะคะ

 

jquery effect for picture images on overlay

Demo  Tutorial

 

5. Slider Gallery อีกแบบหนึ่งที่น่าสนใจ

สำหรับใช้ในแสดงรูปภาพหรือผลงานในแบบแกลลอรี่ หรือใช้พรีเซนต์สินค้าในเว็บไซต์

สคริป สไลด์ gallery slide

Demo  Tutorial

 

6. Compact News Previewer : สำหรับทำ กรอปข่าวมาใหม่ หรือบทความใหม่ในหน้าแรกของเว็บไซต์

script ตัวนี้เป็น jquery ที่ใช้สำหรับแสดงหัวข้อข่าวหรือบทความมาใหม่ ซึ่งเวลาเราคลิกหัวข้อด้านซ้ายจะมีข่าว/บทความโดยย่อในด้านขวามือ แสดงขึ้นมาแบบสไลด์เก๋ๆ ค่ะ

news preview box

Demo  Tutorial

 

7. แกลลอรี่แบบ โพลารอยด์ เก๋ๆ แนวๆ | Polaroid Photobar Gallery

gallery polaroid

Demo  Tutorial

 

8.  แกลลอรี่แบบแสดงรูปเต็มหน้า | Full Page Image Gallery

 gallery script สคริป แกลลอรี่

Demo  Tutorial

 

9. สไลด์รูปภาพแบบเรียบแต่ เก๋ ไม่เกะกะ สำหรับแต่งหน้าแรกเว็บ | Tiny Carousel

slide jquery scritp for web design

Demo & Tutorial

thanks : designzzz.com

อ่านบทความเรื่อง " JQuery 9 สคริปฟรี สำหรับการออกแบบดีไซน์เว็บไซต์ แบบสไลด์ และ gallery | 9 JQuery plugins and effect for web design" ต่อได้ที่นี่ค่ะ กำลังย้ายบทความทั้งหมดไปยังเว็บไซต์ siammore.com





" ความคิดเห็นใหม่อยู่ด้านบนค่ะ "

 

คอมเมนต์ แสดงความคิดเห็น

โดย*   Guest  [ Login | สมัครสมาชิกที่นี่]
รายละเอียด*
รหัสป้องกันสแปม*   ขอรหัสใหม่


กรอกตัวอักษรตามรูปด้านบน
   
 
 



แว่นตาแฟชั่น แว่นสายตาแฟชั่น แว่นตามิกกี้เมาส์ แว่นตาแบบ อั้ม พัชราภา แว่นตาแบบ ชมพู่ อารยา แว่นตาทรงกลม แว่นตาแฟชั่น
แว่นแฟชั่น