Auto Rotating Image Viewer Plugin - jQuery SliderBox

File Size: 3.88 KB
Views Total: 3110
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Auto Rotating Image Viewer Plugin - jQuery SliderBox

This is a jQuery image viewer plugin to create a cross-platform slider box that automatically rotates through images at a certain speed.

How to use it:

1. Import jQuery JavaScript library and the jQuery SliderBox plugin's files into the html file.

<link rel="stylesheet" href="SliderBox.css">
<script src="//"></script>
<script src="SliderBox.js"></script>

2. Add images with links, background colors, and titles to the slider box as follows:

<div id="sliderbox" class="sliderBox">
  <div data-image="1.jpg" 
       data-title="Title 1"></div>
  <div data-image="2.jpg" 
       data-title="Title 2"></div>
  <div data-image="3.jpg" 
       data-title="Title 3"></div>

3. Invoke the slider box plugin with default options. Done.


4. Options can be overwritten when initializing plugin, by passing an object literal as follows:

  lBoxWidth: 310,
  lBoxHeigth: 310,
  BoxWidth: 150,
  BoxHeigth: 150,
  divider: 10,
  time: 5000,

5. Enable or disable mobile/tablet support.

  onlyDestop: true

This awesome jQuery plugin is developed by ibasoglu. For more Advanced Usages, please check the demo page or visit the official website.