# Carousel Slideshow

A simple, customizable, pure javascript carousel slideshow plugin.

**See [demo.html](http://projects.martymagaan.com/carousel-slideshow/demo.html) file to see it in action.**

## How to use

Link the css file in your HTML (replace *path-to* with appropriate path):

    <link rel="stylesheet" type="text/css" href="path-to/carousel-slideshow.css">

Add the javascript file to the bottom of your HTML file before closing the body tag 
(replace *path-to* with appropriate path):

    <script src="path-to/carousel-slideshow.js"></script>

Basic usage:

    <div class="carousel-slideshow">
      <img src="img/01.jpg">
      <img src="img/02.jpg">
      <img src="img/03.jpg">
      <img src="img/04.jpg">
    </div>

You should set your own styles for the div (width, height, etc.). 
By default, it's styled to stretch to 100% width and height of its parent element;

In the carousel-slideshow.js file, you can adjust slideSpeed, enableAutoSlide, autoSlideRate, 
and imageFitPercentage.

## Compatibility

Chrome 24+, Firefox 23+, IE 10+, Opera 15+, Safari 6.1+

The above is not tested but based on the compatibility of the *window.requestAnimationFrame()* method