gifease.js v0.0.1

Gifease.js

A gif performance management service.

description

Gifease.js looks at your DOM for all your images with a data-gifease attribute. If an image tag has a data-gifease attribute, it will create a click handler on the element. The handler will replace the image with the gif file on click. This will help reduce unnecessary gif loading bandwidth.

instructions

This is one way to include gifease.

1. Include gif.js. <script src="gifease.js"></script>

2. Instantiate gif.js. <script>gifease = new Gifease</script>

3. There is no step 3.

example

Before click

<img src="/a/path/image.jpg" data-gifease="/a/path/animate.gif">

(http://fakeimg.pl/250x150?text=Static Image)

After click

<img src="/a/path/animate.gif" data-gifease="/a/path/animate.gif">