Css ทำภาพให้แลดูใหญ่ขึ้นอีกนิดนึง

ตามปกติ เวลาเราดูภาพในอัลบั้ม ทีละภาพ ทีละภาพ

เราจะดูได้เต็มที่ที่ขนาด 600 px (เพิ่งทราบว่า ขึ้นอยู่กะตีมด้วย บางตีมก็ดูได้ไม่ถึง600 px) ถ้าอยากจะดูใหญ่มากกว่านั้น ต้องกด zoom

แต่ในหลายๆครั้ง เราจะเห็นว่า หน้าจอเรา ยังเหลือที่ว่างซ้ายขวาตั้งเยอะ ภาพมันน่าจะใหญ่กว่านี้อีกนิดนึงเนอะ

ดังนั้น


--------------------------------------------------------------------------------------------------------------------
วิธีทำก็คือใส่โค้ดนี้ลงไปครับ

div#photoimgwrap img#photoimg {

width: 110% ! important;

height: auto ! important;

}

ภาพก็จะใหญ่ขึ้นตาม % ที่เราใส่ไป

--------------------------------------------------------------------------------------------------------------------

วิธีนำไปปรับใช้ 
ตัวเลขที่เราจะแก้ไขคือ บรรทัดนี้

width: 110% ! important;

ตอนแรกผมลองใส่ 700px   ผลที่ได้ภาพนอนแสดงเต็ม 700   แต่ภาพแนวตั้งจะสูงเกิน 700 ขึ้นไปอีก
ผมเลยลองมาใช้ปรับค่าเป็น % ผลที่ได้ ดูมีความแม่นยำกว่า  แต่ภาพจะเลื่อนไปชิดขวาเล็กน้อย (ยังหาทางพามากลางไม่สำเร็จ)


---------------------------------------------------------------------------------------------------------------------

ข้อดี ภาพขึ้นมาเต็มตาดีครับ
ข้อเสีย ภาพจะแตก เพราะขยายภาพจาก 600PX ขึ้นมา
และ กูเกิ้ลโครม เรียกภาพมาดูอาจไม่ขึ้นในบางครั้ง

---------------------------------------------------------------------------------------------------------------------

ที่มาของไอเดีย  เพื่อนกระแต มาจุดประกายความคิด
รวมถึงไปหาโค้ดมาจากที่นี่ครับ http://multiplydesign.multiply.com/notes/item/1012