` with a unique `id`:
```html
```
## Configuration
At the end of your page you need to initialize Deslider by running the following code:
```javascript
var myDeslider = new Deslider(imgSources, container, options);
```
* `imgSources` (*Array*): contains all the images you want to show in Deslider
* `container` (*String*): the `id` of the container
* `options` (*Object*, Optional): configuration
* `auto` (*Object*): the existence of this object enables Deslider's automatic animation and defines its behaviors
* `speed` (*Number*): the number of time(ms) for switching to another image automatically
* `pauseOnHover` (*Boolean*): enables/disables the animation when the mouse hovers on Deslider
* `fullScreen` (*Boolean*): enables/disables the button that lets user toggle between full-screen mode and normal mode
* `swipe` (Boolean): enables/disables the feature that lets swipe the slideshow for another image
* `pagination` (*Boolean*): shows/hides the pagination bar
* `repeat` (*Boolean*): specifies if looping back to the first image after the last image in imgSources is shown
### Example Usage:
```javascript
var imgSources = [
"sample.jpg",
"https://sample_image.com/source.jpg",
...
];
var containerId = '#deslider-container';
var options = {
auto: {
speed: 3000,
pauseOnHover: true,
},
fullScreen: true,
swipe: true,
pagination: true,
repeat: true
};
var myDeslider = new Deslider(imgSources, containerId, options);
```