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 | Chrome | Firefox | Opera | Safari |
|---|---|---|---|---|
| IE 7+ ✔ | Chrome ✔ | Firefox ✔ | Opera ✔ | Safari ✔ |
Licensed under the MIT License