No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSES
example
src
.DS_Store
.gitignore
README.md
gulpfile.js
package.json

README.md

GIFIFY

This is the readme for the library Gifify, a GIPHY powered tooltip. There are zero dependencies.

If you want to see it in action, check out this Codepen.

How To Use

  1. Download the JavaScript file (gifify.min.js) and CSS file (gifify.min.css)
  2. Put the JavaScript and CSS files into your project folder
  3. Link to the JavaScript and CSS files in your html file
  4. Initialize the tooltip through one of the following ways:

Without jQuery

<span class="gif-tooltip">This will be a tooltip</span>
window.onload = function(){
	$('.gif-tooltip').giphify();
}

With jQuery

<span class="gif-tooltip">This will be a tooltip</span>
$(document).ready(function(){
	$('.gif-tooltip').giphify();
});

Want to style your tooltip?

The toltip selector is #gifify-tooltip, using :after for the arrow

Questions? Ideas?

If you have any ideas or questions, file an issue or reach out to me at acj.gfx@gmail.com. Please enjoy!

Please enjoy!