https://github.com/mburakerman/toolgif

💭 The only GIF tooltip plugin you need
https://github.com/mburakerman/toolgif

gif gif-tooltip giphy plugin tooltip

Last synced: 3 months ago
JSON representation

💭 The only GIF tooltip plugin you need

• Host: GitHub
• URL: https://github.com/mburakerman/toolgif
• Owner: mburakerman
• License: mit
• Created: 2016-08-11T17:49:03.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2022-03-29T08:32:59.000Z (over 2 years ago)
• Last Synced: 2024-07-24T10:49:36.882Z (3 months ago)
• Topics: gif, gif-tooltip, giphy, plugin, tooltip
• Language: JavaScript
• Homepage: https://mburakerman.github.io/toolgif/
• Size: 105 KB
• Stars: 79
• Watchers: 5
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: License.txt

Awesome Lists containing this project

README

        
# Toolgif

>The only GIF tooltip plugin you need

## Install

[![NPM](https://nodei.co/npm/toolgif.png?mini=true)](https://www.npmjs.com/package/toolgif/)

or use CDN

```html

```

## Usage

### Simple Usage

```html

Lorem ipsum dolor sit cat.

```


```js

   new Toolgif(".my-class").toolgif();

```

[Simple usage CodePen demo ](https://codepen.io/anon/pen/VxPYwW/)

**Visit the [website](https://mburakerman.github.io/toolgif/) for more examples and settings.**

## Customize

```js

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.