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 เวอร์ชั่นเท่าไหร่)

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

Related posts:

  1. Extract Email from HTML?
  2. HTML Tag in Flex 3
  3. Import CSV to MySQL
  4. การบันทึก State ของ iPhone App ด้วย NSUserDefaults
  5. Tools for convert "JavaDoc" to "Microsoft Compiled HTML Help (CHM)"

Tags: , ,

Leave a Reply