Toolgif

The only GIF tooltip plugin you need

Install

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.