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 :Pdata-gifffer
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 Default syntax img.
Maaf lahir dan bathin :)
<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... |
2 comments
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/...