Download Gratis

Browse Manual » Wiring » Blog » Membuat fade effect pada gambar dengan jquery

---

Membuat fade effect pada gambar dengan jquery

Assalamualaikum Wr Wb. . . . .

Postingan kali ini saya akan membahas mengenai cara membuat fade effect pada gambar.
Apa yang di maksud dengan fade effect,
~ fade effect adalah efek samar - samar pada gambar yang akan kita terapkan di blog kita.
Efek ini akan membuat gambar samar - samar dan saat kursor menyentuh gambar maka gambar tidak akan samar - samar lagi atau bisa di istilahkan jernih kembali. . . . . . .!!

Langsung Saja Ke Tahap Penerapannya,

1. silahkan masuk Blog anda
2. klik Rancangan
3. klik Edit HTML
4. Cari kode </head>
5. Simpan Kode di bawah ini di Atas Kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/>

<script type='text/javascript'>

$(document).ready(function() {

$('img').fadeTo('slow', 0.5);

$('img').hover(function() {

$(this).fadeTo('slow', 1.0);

}, function() {

$(this).fadeTo('slow', 0.5);

});

});

</script>

Membuat fade effect pada gambar dengan jquery
Setelah anda simpan kode nya di atas kode </head> Silahkan anda  SIMPAN TEMPLATEMembuat fade effect pada gambar dengan jquery