Bloggang.com : chengake :

การเปลี่ยนรูปภาพหลังชื่อใน comment

วันนี้เราจะมาเปลี่ยนรูปโลโก้

ที่อยู่ด้านหลังชื่อใน comment กันดู

หลังจากแกะมาแล้ว ก็พบว่าเป็นการใช้ javascript ในการเข้าไปเปลี่ยนแปลง source code ของ <html>

โดยทำการ copy script นี้ไปไว้ในส่วนของ Script Area เพื่อให้ทำงานในขณะที่ load หน้า blog

<script>
iCount=document.images.length;
for(i=0;i<iCount;i++){
if(document.images[i].src=="//www.bloggang.com/images/smile.gif") {document.images[i].src="//url.jpg"}
}
</script>

ซึ่งหลักการของ code นี้ก็คือการเข้าไปทำการเปลี่ยนแปลงในระดับ source code ของ html คือ
1. ทำการค้นหาตำแหน่งที่เป็นชื่อไฟล์ของรูปโลโก้

ซึ่งก็คือไฟล์ชื่อ smile.gif นั่นเอง
2. จากนั้นทำการเปลี่ยนแปลง source code ชื่อไฟล์ รวมทั้งตำแหน่งที่เก็บไฟล์ให้เป็นไฟล์รูปภาพที่เราต้องการ "//url.jpg" ตามที่ mark ใน code เป็นสีแดง นั่นเอง

และในหลักการวิธีเดียวกันนี้ ก็สามารถที่จะนำไปใช้ในหลายๆ เทคนิคได้อีก อย่าง เปลี่ยนข้อความสำหรับความคิดเห็นแต่ละความคิดเห็น หรือ เปลี่ยน link กลุ่มบล็อก เป็นรูปภาพ ฯลฯ

ตามความเห็นส่วนตัวแล้ว ก็เป็นวิธีที่ดี แต่ก็พยายามอย่าให้เยอะมาก เพราะอย่าลืมว่ามันต้องประมวลผลทุกครั้งที่ทำการแสดงผลหน้า blog นะครับ

ขอให้สนุกกับการเป็น blogger นะครับ