Di postingan kali ini saya akan share lagi cara membuat animasi kedap kedip dengan jQuery. Seperti apa itu gambar animasi kedap kedip ? Penasaran, langsung aja di coba =)

• Tambah Gadget atau Add Gadget
• Lalu copy kode dibawah ini

<img alt="zinto-exzet" id="zinto-exzet" src="URL GAMBAR ANDA" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script type='text/javascript'>

$(window).load(function() {

var w = $(window),

bgImage = $("#zinto-exzet"),

aspect = bgImage.width()/bgImage.height();

bgImage.addClass("zinto-exzet");

function backgroundBreathe(ms){

ms = (Math.floor(ms/2))*2;

bgImage.animate({opacity: ".1"}, ms/3).animate({opacity: "3"}, ms/2);

window.BBKDtimer = setTimeout(function(){backgroundBreathe(ms);}, ms);

}

function bgResize() {

var imageWidth = (bgImage.width()/bgImage.height()) < aspect? w.height() * aspect : bgImage.css("minWidth");

bgImage.css({"minWidth": imageWidth});

}

w.resize(bgResize);

backgroundBreathe(5500);

});

• Untuk kode yang berwarna hijau bisa anda ganti dengan url gambar yang kamu sukai =)
• Selamat mencoba.