Monday, March 12, 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,

silahkan masuk Blog anda
  1. klik Rancangan
  2. klik Edit HTML
  3. Cari kode </head>
  4. Simpan Kode di bawah ini di Atas Kode
<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>

No comments:

Post a Comment