Senin, 14 Juli 2014

Add Stop-Play in GIF Image use Gifffer

Pada artikel sebelumnya bercerita tentang bagaimana cara menyembunyikan image gif menjadi sebuah link dan akan muncul ketika melakukan hover, AA dapat lagi source unik how to stop autoplaying your gifs! Gifffer [github.com/krasimir/gifffer] adalah sebuah perpustakaan JavaScript size kecil (1.8K) yang mencegah autoplaying dari animasi gifs. Kalau biasanya kita melihat gambar bergerak-gerak dengan format gif, maka gambar tersebut akan bergerak simultan tanpa ada henti! Dengan hadirnya Giffer by master Krasimir Tsonev, gif image akan diberikan sentuhan stop/play seperti video :P

Demo: work.krasimirtsonev.com/git/gifffer/example

Masukan gifffer.min.js pada blog sobat.<script type="text/javascript" src="gifffer.min.js"></script>Script pemanggil harus ikut masuk juga dong ;))
<script>
window.onload = function() {
Gifffer();
}
</script>
Syntax img sedikit berbeda, yg biasa memakai src=".." sekarang di ganti pakai data-gifffer
Default syntax img.<img data-gifffer="image.gif" />Control syntax img.<img data-gifffer="image.gif" data-gifffer-width="123" data-gifffer-height="456" />Demo (Kalo jalan, lakukan klik klik pd image)




Maaf lahir dan bathin :)

Tidak ada komentar:

Posting Komentar