How to prevent Missing Image in HTML

ปกติหากเราใช้ Tag Img แล้วรูปไม่มีอยู่จริงก็จะเป็นแบบด้านล่างนี้

วิธีการง่ายๆหากรูปที่ต้องการจะ load จริงๆไม่มี ก็ให้ไป load รูป default ขึ้นมาแทนดังนี้ (ทดสอบบน IE6 และ Firefox2)

<img onerror="this.src=’default.jpg’;" src="target.jpg">

ถ้าจำไม่ผิดเมื่อก่อนสามารถใช้ lowsrc แทน onerror ด้านบนได้ (นานมากแล้ว ผมจำไม่ได้จริงๆว่า HTML เวอร์ชั่นเท่าไหร่)

หวังว่าคงมีประโยชน์นะครับ😀

Leave a comment

No comments yet.

Comments RSS TrackBack Identifier URI

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s