🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

jqGifPreview is a jQuery GIF player plugin for adding a play control over the GIF preview image that allows the visitors to play the animated GIF manually.

GIF-player

Documentation

jqGifPreview

jQuery Plugin For GIF Preview As Like Facebook ###Explanation [Click here] (http://blog.sodhanalibrary.com/2016/03/facebook-like-gif-preview-using-jquery.html) to read complete explanation ###Demo [Click here] (http://demo.sodhanalibrary.com/angular/gif_preview/jqGifPreview/demo.html) to see demo

##Implementation ###Add jQuery

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>

###Add CSS and JS files

<link rel="stylesheet" href="jqGifPreview/jqGifPreview.css" /> <script src="jqGifPreview/jqGifPreview.js"></script>

###HTML

<img class="myImg" src="sample_first_frame.png" data-gif="sample_giphy.gif" />

####Attributes data-gif : gif image path

src : gif preview image path ##JS Code

$(".myImg").jqGifPreview();

You May Also Like