https://github.com/sodhanalibrary/anggifpreview

AngularJS Directive For GIF Preview As Like Facebook
https://github.com/sodhanalibrary/anggifpreview

Last synced: 12 days ago
JSON representation

AngularJS Directive For GIF Preview As Like Facebook

• Host: GitHub
• URL: https://github.com/sodhanalibrary/anggifpreview
• Owner: SodhanaLibrary
• License: mit
• Created: 2016-03-03T17:39:53.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2016-03-03T18:59:52.000Z (almost 9 years ago)
• Last Synced: 2024-11-14T17:23:15.074Z (2 months ago)
• Language: CSS
• Size: 549 KB
• Stars: 3
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# angGifPreview

AngularJS Directive For GIF Preview As Like Facebook

###Explanation

[Click here] (http://blog.sodhanalibrary.com/2016/03/facebook-like-gif-preview-using.html) to read complete explanation

###Demo

[Click here] (http://demo.sodhanalibrary.com/angular/gif_preview/angGifPreview/demo.html) to see demo

##Implementation

###Add AngularJS 

```js

```

###Add CSS and JS files

```js

```

###HTML 

```js

```

####Attributes

**gif** : gif image path

**preview** : gif preview image path

##JS Code

import **gifPreview** module as like shown in below code

```js

(function(angular) {

	'use strict';

	angular.module('sampleExample', ['gifPreview'])

	  .controller('Controller', ['$scope', function($scope) {

	      $scope.previewImage = 'sample_first_frame.png';

	      $scope.gifImage = 'sample_giphy.gif';

	}]);

})(window.angular);

```