Beeanca

jQuery

jQuery – fancy zoom plugin

author: วัชรเมธน์ ศรีเนธิโรทัย 29/01/2552

ปลั๊กอินตัวนี้ชื่อก็บอกชัดเจนอยู่แล้วว่าใช้สำหรับ ซูม ซึ่งสามารถใช้งานได้ทั้ง รูปภาพ ข้อความ และไฟล์แฟลช หลักการทำงานก็คือ ซ่อนส่วนที่เป็นรายละเอียดไว้ก่อน จนกว่าผู้ใช้คลิกตรงลิ้งก์ที่เตรียมไว้ มันก็จะแสดงเนื้อหาที่ซ่อนไว้ ด้วยเอนิเมชั่นซูม อย่างมีชั้นเชิง การซูมรูปภาพ ก็คือซ่อนภาพใหญ่ไว้ก่อน แสดงภาพเล็กให้คลิก พอคลิกภาพเล็ก ภาพใหญ่ก็ค่อยๆ วาบ ซูม เข้ามา หรือการซูมเท็ก ก็เป็นในลักษณะเดียวกัน เตรียมคำสั้นๆไว้ให้คลิก ซ่อนรายละเอียดไว้ก่อน (กรณีนี้เหมาะมาก กับหน้าเพจที่มีเนื้อที่จำกัด หรือ หน้าเพจที่อยากให้ดูใช้ง่าย ) อย่างเช่น ฟอร์มลงทะเบียนเป็นต้น เราเตรียม ? ไว้ให้ผู้ใช้คลิก หลังช่องป้อนข้อมูล พอเขาคลิก เราก็แสดงตัวอย่าง การป้อนข้อมูลที่ถูกต้องขึ้นมา (เช่น เบอร์โทรศัพท์ ต้องอยู่ในรูปแบบ 000-0000-000)