Javascript image slider plugin

The most simple image slider plugin with upload options.


1

Examples

Image slider

Hold mouse or touch down for 2 seconds to remove an image.

Data to be uploaded:

<html>
<script src="https://bossanova.uk/jsuites/v2/jsuites.js"></script>
<link rel="stylesheet" href="https://bossanova.uk/jsuites/v2/jsuites.css" type="text/css" />

<div id="slider1">
<img src='https://base.mus.br/templates/base/fotos/IMG_3533.jpg'>
<img src='https://base.mus.br/templates/base/fotos/IMG_3317.jpg'>
<img src='https://base.mus.br/templates/base/fotos/IMG_3394.jpg'>
</div>

<script>
jSuites.slider(document.getElementById('slider1'), {
    allowAttachment:true,
});
</script>
</html>


2

Methods

open();Open the slider
close();Close the slider
next();Go to the next image
prev();Go to the previous image
reset();Remove all images
getData();Go to the previous image


3

Events

onchangeTrigger a method when the content is changed.
onopenTrigger a method when the component is opened.
oncloseTrigger a method when the component is closed.