A repository of over 1000 quality jQuery plugins

jQuery toolgif

toolgif is a jQuery UI plugin.

Created by mburakerman

A very simple Jquery gif tooltip plugin.

Not what you're looking for? Click here to view more UI jQuery plugins

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.



You might also like these other UI jQuery Plugins

  • translucent

    Translucent plastic card theme.

  • jQuery.mousetip

    Extension for cursor tooltips that follow mouse movement

  • jQCloud

    jQuery plugin for drawing neat word clouds that actually look like clouds