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




