jQuery Plugin For GIF Preview As Like Facebook
CSS JavaScript HTML
Latest commit 46d8d1d Mar 2, 2016 @SodhanaLibrary commit2
description updated
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 to read complete explanation

Demo

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