การสร้างแกลลอรี่ภาพขยายเต็มหน้า

ในวันนี้เราจะไปสร้างหน้าแกลเลอรี่ที่สวยงามที่สามารถย่อขยายภาพตัวอย่างหน้าจอและเลื่อนไปมาได้

รูปขนาดใหญ่จะแสดงอย่างเต็มจอ?เราจะมีแถบขนาดเล็กที่ด้านล่างของหน้าเว็บที่เลื่อนโดยอัตโนมัติเมื่อ

ผู้ใช้เลื่อนเมาส์ไปชชี้?เมื่อมีการคลิกที่รูปย่อก็จะเลื่อนไปตรงกลางของหน้าจอและรูปแบบเต็มหน้าจอจะ

แสดงในพื้นหลัง?ขณะนี้ผู้ใช้สามารถเลื่อนขึ้นและลงและภาพจะได้รับการเลื่อนโดยอัตโนมัติ

เราจะใช้คุณสมบัติบาง CSS3 เพื่อเสริมสร้างรูปลักษณ์และ jQuery สำหรับการใช้งาน
นั่นเป็นเหตุผลที่มีการสาธิตจะดูดีที่สุดในเบราว์เซอร์ Webkit เช่น Google Chrome หรือ Apple Safari

Continue reading การสร้างแกลลอรี่ภาพขยายเต็มหน้า

การสร้างแกลลอรี่ภาพเคลื่อนไหวกับ jQuery

วันนี้เราจะสร้างแกลลอรี่ภาพเคลื่อนไหวกับ jQuery?แกลเลอรี่จะมี scroller สำหรับภาพขนาดเล็ก

และพื้นที่เนื้อหาที่เราจะแสดงรายละเอียดเกี่ยวกับรายการผลงาน?ภาพที่สามารถขยายได้โดยคลิก

ที่รูปภาพจะทำให้ปรากฏเป็นภาพซ้อนทับ?แนวคิดก็คือการสร้างองค์ประกอบของเนื้อหาเมื่อใดก็ตาม

ที่มีการคลิกที่รูปขนาดย่อภาพขนาดจริงก็จะเคลื่อนไหว และรูปย่อจะเคลื่อนไหวจากส่วนหัวไปหรือ

จากส่วนล่างและหายไปรูปขนาดจริงจะแสดงพร้อมกับเลื่อนคำอธิบายเมื่อเราคลิกจากด้านข้าง

เราดูตัวอย่างได้ที่นี้

Continue reading การสร้างแกลลอรี่ภาพเคลื่อนไหวกับ jQuery