<commit_before># Interactive-Image

[![npm version](https://badge.fury.io/js/interactiveimagejs.svg)](http://badge.fury.io/js/interactiveimagejs)
[![Code Climate](https://codeclimate.com/github/jpchateau/Interactive-Image/badges/gpa.svg)](https://codeclimate.com/github/jpchateau/Interactive-Image)
![license](http://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat)

*A jQuery plugin to embed interactive images on your website*<commit_msg>improved readme<commit_after># Interactive Image

[![npm version](https://badge.fury.io/js/interactiveimagejs.svg)](http://badge.fury.io/js/interactiveimagejs)
[![Code Climate](https://codeclimate.com/github/jpchateau/Interactive-Image/badges/gpa.svg)](https://codeclimate.com/github/jpchateau/Interactive-Image)
![license](http://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat)

*A jQuery plugin to embed interactive images on your website*

# Features

- Insert interactive texts and images over large pictures
- Easily configurable
- Lightweight
- Installable via npm and bower

View the [demo page](http://www.jpchateau.com/demo/interactive-image)

#  Getting started

Edit your html file

```html
<div class="interactive-image"></div>
```

Edit your javascript file

```javascript
var items = [
    {
        title: "Vitres tintées",
        description: "Revêtement unique",
        left: 360,
        top: 280
    },
    {
        title: "Sécurité renforcée",
        description: "Ouverture latérale",
        left: 530,
        top: 440
    },
    {
        title: "Moteur V8",
        description: "Accélération puissante",
        left: 1000,
        top: 380
    }
];
$('.interactive-image').interactiveImage(items, {debug: true});
```

# Configuration

```javascript
var config = {
    debug: true // Enables logs in the console
};
```

# Package managers

The plugin can be installed via npm

```bash
$ npm i interactiveimagejs
```

# License

This content is released under the MIT license
{'fraction_non_alphanumeric': 0.13864906043676994, 'fraction_numerical': 0.01015744032503809, 'mean_word_length': 3.852216748768473, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 6, 'lorem ipsum': 0, 'www.': 1, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4832184', 'n_tokens_mistral': 682, 'n_tokens_neox': 628, 'n_words': 138}