πŸ’­ The only GIF tooltip plugin you need
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.
src toolgif v2 πŸŽ‰ Apr 28, 2018
License.txt toolgif v2 πŸŽ‰ Apr 28, 2018
README.md Update README.md Apr 29, 2018

README.md

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.