toolgif

The only GIF tooltip plugin you need


Keywords
tooltip, gif, toolgif, giphy, gif-tooltip, plugin
License
MIT
Install
npm install toolgif@2.1.0

Documentation

Toolgif

The only GIF tooltip plugin you need

Install

NPM

or use CDN

<script src="https://unpkg.com/toolgif"></script>

Usage

Simple Usage

<p>Lorem ipsum dolor sit <span class="my-class">cat</span>.</p>
<script>
   new Toolgif(".my-class").toolgif();
</script>

Simple usage CodePen demo

Visit the website for more examples and settings.

Customize

new Toolgif(".my-class", {
  width: 120,
  height: 100,
  borderRadius: 5,
  placement: "top",
  downsized: true, // File size under 2mb (see https://developers.giphy.com/docs/)
  preloader: // data url here(it's kinda long as you expect so i didn't put here)
}).toolgif();

License

Licensed under the MIT License.