หลายครั้งที่ต้องจำกัดภาพให้ต้องตรงกับหน้าจอ ที่เป็นขนาด 960 จนทำให้ขัดใจเหล่าคนใช้งาน css เพราะมุมด้านข้างต้องหายไป เวลาย่อหน้าจอก็จะแสดงเพียรไปใหญ่ ลองมาดูวิธีนี้กันครับ เราจะใช้ jquery ในการ ลดและขยายรูปไปตามขนาดของหน้าจอคอม คราวนี้จะไม่ได้ต้องมากำหนดขนาดของจออีกแล้ว
ลองหดหน้าจอ ย่อหรือขยายดูครับจะเห็นว่ารูปภาพ Background จะย่อและขยายให้อัตโนมัติครับ
เข้าไปดูได้ที่นี้ครับ www.johnpatrickgiven.com
ดาวโหลดที่ www.github.com