jQuery Plugin For GIF Preview As Like Facebook
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
jqGifPreview Initial Commit Mar 2, 2016
LICENSE Initial commit Mar 2, 2016
README.md commit2 Mar 2, 2016
demo.html Initial Commit Mar 2, 2016
demo.js Initial Commit Mar 2, 2016
sample_first_frame.png Initial Commit Mar 2, 2016
sample_giphy.gif Initial Commit Mar 2, 2016

README.md

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();