PicCarousel

A jQuery plugin that achieve to effect of Photo Carousel.

Demo

http://javion25.github.io/PicCarousel.js/demo/demo.html

Quick start

include the files

<link rel="stylesheet" href="css/style.css">
<script src="jquery.min.js"></script>
<script src="PicCarousel.min.js"></script>

call the the plugin on a container as your wish

<script>
$("#TagName").PicCarousel();
</script>

All done!

Options

you can custom the caption by passing options when call the plugin, all available options are listed below.

call the the plugin on a container wish you wish.

$("#TagName").PicCarousel({
    option: value,
    option2: value2,
    ...
});

| Option | default | Description | |-----------------|---------------|------------------| | width | 1000 | Define the width of container. | | height | 300 | Define the height of container. | | posterWidth | 520 | Define the width of the first Photo . Maintain height and width of source image.| | posterHeight | 300 | Define the height of the first Photo. Maintain height and width of source image.| | scale | 0.9 | Define the show scale. | | speed | 300 | Define the speed of the photo carousel. | | autoPlay | 'false' | A boolean to define whether support automatic play. | | delay | 500 | Define the delay of automatic play. | | verticalAlign | 'middle' | Define position of photo. |