Tutorial Tukar Gambar Apabila Dilalukan Cursor
Bosan-bosan cuti ni apa salahnya D'ya Marshmello nak berkongsi tutorial dengan you all kan.Bak kata orang 'benda yang baik tak payah disorokkan'. Hehehe,tutorial kali ni memang menarik.Sebab tutorial ini mungkin boleh memberi sedikt kelainan dan secara tak langsung mencantikkan blog anda yang cantik,menarik,tertarik kau memang daboom! Haha,merepek sudah.Jom lihat.
Contohnya,cuba lalukan cursor korang pada gambar bawah ni.D'ya nak buat magic show ni.Sekejap lagi magic akan berlaku! Muahahaha :D
Gunakan kod yang d'ya bagi dibawah ini,tukarkan LINK yang korang mahu seperti URL gambar pertama dan URL gambar kedua.
<a href="Target link" target="_blank"><img src="URL gambar pertama" onmouseover="this.src='URL gambar kedua'" onmouseout="this.src='URL gambar pertama'" /></a>
Contoh kod untuk demo di atas .
<a href="http://ohbest.blogspot.com" target="_blank"><img src="http://i.imgur.com/Z5B1M.png" onmouseover="this.src='http://i.imgur.com/PlE1J.jpg'" onmouseout="this.src='http://i.imgur.com/Z5B1M.png'" /></a>
Untuk fungsi ni korang boleh post dalam entri seperti biasa atau letakkan di sidebar.Pasti menarik kan?
Nota tanpa kaki
Jika mahu gambar tanpa link, gunakan kod seperti di bawah okay :D
<img src="URL gambar pertama" onmouseover="this.src='URL gambar kedua'" onmouseout="this.src='URL gambar pertama'" />
Selamat mencuba :D
Kredit : Pelangi
0 marshmallow komen