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

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

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

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

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

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

ดาวน์โหลด Mirror 1

ที่มา tympanus.net

Comments

comments

Powered by Facebook Comments