xmhkjp/piccarousel.js

A jQuery plugin that achieve to effect of Photo Carousel.

PicCarousel

A jQuery plugin that achieve to effect of Photo Carousel.

Demo

• http://javion25.github.io/PicCarousel/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.

Browser Support

IE 7+ ✔	Chrome ✔	Firefox ✔	Opera ✔	Safari ✔

License

Licensed under the MIT License