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.
- Download the JavaScript file (gifify.min.js) and CSS file (gifify.min.css)
- Put the JavaScript and CSS files into your project folder
- Link to the JavaScript and CSS files in your html file
- 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();
});
The toltip selector is #gifify-tooltip
, using :after
for the arrow
If you have any ideas or questions, file an issue or reach out to me at acj.gfx@gmail.com. Please enjoy!