A jQuery plugin that achieve to effect of Photo Carousel.
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!
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. |
IE 7+ ✔ | Chrome ✔ | Firefox ✔ | Opera ✔ | Safari ✔ |
Licensed under the MIT License