Flexible and Customizable jQuery Image Slider Plugin - BeaverSlider

Flexible and Customizable jQuery Image Slider Plugin - BeaverSlider
File Size: 61.1MB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

BeaverSlider is a jQuery plugin which enables you to create flexible and customizable jQuery image sliders with more than 29+ effect types. BeaverSlider can help you create almost any types of image sliders such as gallery, slideshow, carousel slider and much more. It is full free for personal and commercial use.

Basic Usage:

1. Include jQuery library and jQuery BeaverSlider plugin on the web page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src=".../beaverslider.js"></script>

2. Include beaverslider-effects.js script for pre-defined effects

<script src=".../beaverslider-effects.js"></script>

3. Create a container for your image slider

<div id="demo"></div>

4. The javascript

var slider = new BeaverSlider({
structure: {
container: {
id: "demo-slider13",
width: 720,
height: 420
}
},
content: {
images: [
"/img/slider-demo/1.jpg",
"/img/slider-demo/2.jpg",
"/img/slider-demo/3.jpg",
"/img/slider-demo/4.jpg",
"/img/slider-demo/5.jpg",
"/img/slider-demo/6.jpg",
"/img/slider-demo/7.jpg",
"/img/slider-demo/8.jpg",
"/img/slider-demo/9.jpg",
"/img/slider-demo/10.jpg"
]
},
animation: {
effects: effectSets["fadeSet"],
interval: 4000
}
});   

Change log:

v2.0.0 (2014-01-13)

  • the engine is fully rewritten:
    • slider is divided into 3 branches: carousel, slider, zoomer
    • different size of pictures is allowed for all branches except zoomer (it has the stretched image)
    • the performance is improved
  • added animation for messages with new properties:
    • messageAnimationDirection
    • messageAnimationDuration
    • messageAnimationMaxHorLength
    • messageAnimationMaxVerLength
  • added property: runOnInit
  • added property: changeSameMessage
  • removed property: align (for controls panel)
  • added effects group: slideOver
  • added methods:
    • destroy
    • setNextEffect
    • playerPlay
    • playerStop
    • playerNext
    • playerPrev
  • full reworked the list of pre-built effects sets
  • fixed bugs:
    • imageClick was fired together with messageClick
    • waitAllImages did not work well
    • sometimes in the end of effect there was "blinking"
  • added new class: BeaverHouse

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