Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 

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!

About

No description, website, or topics provided.

Resources

Releases

No releases published

Packages

No packages published