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://jsuites.net/v3/jsuites.js"></script>
<link rel="stylesheet" href="https://jsuites.net/v3/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
| onchange | Trigger a method when the content is changed. |
| onopen | Trigger a method when the component is opened. |
| onclose | Trigger a method when the component is closed. |