Sabtu, 07 Januari 2012

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
di