Postingan lainnya
bagaimana membuat seperti ini ?
https://jsfiddle.net/3n6a3ug7/5/
tapi di terapkan saat browse image pada upload data
2 Jawaban:
Pake attribute img onmousehover & onmouseout bisa juga
pake :hover pada css.. ganti image nya sama image animasi.. bisa juga.. ini skrip js nya
$('li').on('mouseenter', function(){
$(this).append('<div class="loading"></div>');
});
mouseenter : jika mouse berada dielement.. append untuk menambah elemen html disitu ada element html <div class="loading"></div> yang ditambahkan.. jadi kalau mouse berada dielement dia akan menambahkan automatis class="loading".. dimana dicss ada div.loading dengan isi background url gambar loading...
$('li').on('mouseleave', function(){
$(this).find('div.loading').remove();
});
mouseleave : ketika meninggalkan element find : mencari elemen kalau yang ini ketika mouse meninggalkan element gambar,, ketika meninggalkan dia akan mencari element html div.loading dan meremove atau menghapus element tadi..