Pink Clover

วันอังคารที่ 24 กันยายน พ.ศ. 2556

.::Click เพื่อเปลี่ยนขนาดภาพ::.

สวัสดีคร้าา วันนี้มาแนะนำเทคนิคดีดี ให้เพื่อนๆนำไปใช้แต่งเว็บไซต์หรือแต่งบล็อกกันได้ตามสบายเลยจร้าา วันนี้เอาโค้ด คลิ๊กเปลี่ยนขนาดภาพมาฝากกันคือ เมื่อเราเอาเม้าส์ไปคลิ๊กที่รูปภาพแล้วจะขยายใหญ่ขึ้น ^^ ยากง่ายยังงัยลองไปดุกันเลยจร้าา

คำอธิบายโค้ด

ตัวอักษรสีแดง คือ URL ของไฟล์ภาพ
ตัวอักษรสีน้ำเงิน คือ ขนาดภาพก่อนนำเม้าส์ไปคลิ๊ก
ตัวอักษรสีม่วง คือ ขนาดภาพหลังจากเอาเม้าสืไปคลิ๊ก
ตัวอักษรสีเขียว คือ ขนาดภาพก่อนหลังเอาเม้าส์ไปคลิ๊กอีกที

Source Code (นำโค้ดไปวางในตำแหน่งที่ต้องการให้รูปขยายได้เลยจ้าา ^^ )

<img src = "picture.jpg" height = "200" width = "150"
onclick = "this.src = 'picture.jpg';this.height =400;this.width =300"
ondblclick ="this.src = 'picture.jpg';this.height = 200;this.width =150" >

ตัวอย่าง

 
 เท่านี้ก็เสร็จเรียบร้อยแล้วจร้าาา 

ขอขอบคุณแหล่งข้อมูลสำคัญ : http://www.codetukyang.com/html/

http://www.yenta4.com/cutie/upload/40/1040/47afcef85f629.gif

ไม่มีความคิดเห็น:

แสดงความคิดเห็น