Type: slider

The most powerful type of BeaverSlider: can accept any amount of effects (except "zoom" effects group); is a parent of "carousel" type.

To see effects demos visit effects page.

JavaScript
var slider = new BeaverSlider({
  type: "slider",
  structure: {
    container: {
      id: "demo-slider",
      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: {
    waitAllImages: true,
    effects: effectSets["slider: big set 2"],
    initialInterval: 1000,
    interval: 2000
  }
});