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


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