◄ Min  Size Fonts: + | - | ± Color: Max ►

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 :)
Loading...
XAdd Stop-Play in GIF Image use Gifffer
Script untuk memunculkan tombol stop and play pada gambar bergerak .GIF menggunakan gifffer script.
Subscribe my posts Register For Free!

2 comments

[?] g+ convert

DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...


MISC

Resources

WANT BE HERE!!! CONTACT ME :P

FACEBOOK PAGE