Film slider

Very nice and unusual demo. Mostly, the effect of movie tape is done via images: they contain the movie frames just because this is much easier for browser. This example demonstrates how to make a very custom slider by yourself.

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-tape/1.jpg",
      "/img/slider-demo-tape/2.jpg",
      "/img/slider-demo-tape/3.jpg",
      "/img/slider-demo-tape/4.jpg",
      "/img/slider-demo-tape/5.jpg",
      "/img/slider-demo-tape/6.jpg",
      "/img/slider-demo-tape/7.jpg",
      "/img/slider-demo-tape/8.jpg",
      "/img/slider-demo-tape/9.jpg",
      "/img/slider-demo-tape/10.jpg"
    ]
  },
  animation: {
    waitAllImages: true,
    effects: "slideUp:5000",
    interval: 1
  }
});