O( ^ ^)o อยากทราบว่ามี code ไหนบ้างที่แสดงไฟล์ภาพได้นอกจาก <img> ครับ o(^ ^ )O

[jiw]

ถ้าอย่างข้างบนไม่เวิร์ค คงต้อง css แล้วเรียก div , span ขึ้นมาละมั้ง


แนวๆว่า

.name1 { background:url(xxx.gif); width:468px; height:60px; }


แล้วไปเรียกมันอีกที

<span class="name1">xxx</span>

แนวๆนี้ ผมเขียนจากการจำนะ ไม่แน่ใจว่าถูกหมดปะนะ ต้องลองๆ

[~@^Mr.Pepo^@~]

ถ้าอย่างข้างบนไม่เวิร์ค คงต้อง css แล้วเรียก div , span ขึ้นมาละมั้ง


แนวๆว่า

.name1 { background:url(xxx.gif); width:468px; height:60px; }


แล้วไปเรียกมันอีกที

<span class="name1">xxx</span>

แนวๆนี้ ผมเขียนจากการจำนะ ไม่แน่ใจว่าถูกหมดปะนะ ต้องลองๆ

ขอบคุณครับ +1 ครับ ^^

ลองเอาไปใช้แล้วมันไม่แสดงผลอะครับ ใครทราบว่ามันผิดพลาดตรงไหน รบกวนช่วยบอกทีครับ

[Synchronize]

ถ้าอย่างข้างบนไม่เวิร์ค คงต้อง css แล้วเรียก div , span ขึ้นมาละมั้ง


แนวๆว่า

.name1 { background:url(xxx.gif); width:468px; height:60px; }


แล้วไปเรียกมันอีกที

<span class="name1">xxx</span>

แนวๆนี้ ผมเขียนจากการจำนะ ไม่แน่ใจว่าถูกหมดปะนะ ต้องลองๆ

ขอบคุณครับ +1 ครับ ^^

ลองเอาไปใช้แล้วมันไม่แสดงผลอะครับ ใครทราบว่ามันผิดพลาดตรงไหน รบกวนช่วยบอกทีครับ

ถ้าจะให้ span แสดงออกมาเป็นรูปแบบนั้น ต้องปรับให้มันเป็น block element ก่อนน่ะครับ เช่น

โค้ด เลือก ขยาย

<style>
.name1 { background:url(xxx.gif); width:468px; height:60px; display: block;}
</style>

<span class="name1">xxx</span>

ไม่งั้นก็ หันไปใช้ div แทนเลย

โค้ด เลือก ขยาย

<style>
.name1 { background:url(xxx.gif); width:468px; height:60px;}
</style>

<div class="name1"></div>

[aifarfa]

ถามได้มะคับว่า ทำไมไม่ใช้ img จุดประสงค์เพื่ออะไร 
เพราะ <img src=".."/> เป็นมาตรฐาน W3 แล้วครับนอกจากนี้มันก็จะหลุดจากมาตรฐาน valid html ไปนะ

วิธีอื่นๆ มันก็ใช้ javascript สร้างโค้ด <img> ขึ้นมาอยู่ดี

ส่วนใช้ css ทำ background จะต่างจาก img คือ.. คลิกขวาเซฟรูปไม่ได้
<div style="background:url('img/background/bg.jpg')"></div>

บางเว็บอย่างอัลบั้มรูปใน Hi5 จะใช้ layer มาปิดทับรูป img (ถ้าคลิกขวาเซฟรูป จะได้รูป layer มาแทน)