Facebook Style GIF Player & Previewer – gifsee.js

Category: Image , Javascript , Recommended | February 17, 2017
Views Total:1,554 views
Official Page:Go to website
Last Update:February 17, 2017


Facebook Style GIF Player & Previewer – gifsee.js


gifsee.js is a small JavaScript GIF player plugin which allows to play / stop animated GIFs with preview images. Similar to Facebook’s.


npm install gifsee

How to use it:

Import the minified version of the gifsee.js library into the html page.

<script src="js/gifsee.js"></script>

Don’t forget the main style sheet:

<link rel="stylesheet" href="css/gifsee.min.css">

Insert the animated GIF file into the webpage using data-gifsee attribute. The original src attribute is used to specify the path to the preview image.

<img src="1.png" 

Initialize the gif player.

var myimg = new gifsee(document.querySelectorAll('img'));

You Might Be Interested In:

One thought on “Facebook Style GIF Player & Previewer – gifsee.js

Leave a Reply