Leftslideshow

leftSlideshow is a jQuery plugin that offers a slight and simple way to add slide for images on your webpages.

Project maintained by baivong Hosted on GitHub Pages — Theme by mattgraham

leftslideshow

leftSlideshow is a jQuery plugin that offers a slight and simple way to add slide for images on your webpages.

Homepage

http://zzbaivong.blogspot.com/

Basic usage:

$(selector).leftslideshow({
    itemsSelector: ".bv_img",
    effect: "slide",
    width: "640px",
    height: "480px",
    speed: 3000,
    autoPlay: false,
    hideControl: false,
    infoBtn: false,
    infoShow: false,    
    infoContent: "",    
    noCopy: false,
    autoResize: true,
    fullScreen: true,    
    scrollTo: true,
    open: function () {},
    start: function () {},
    pause: function () {},
});

Config options

Option	Type	Default values	Note
itemsSelector	selector	".bv_img"	Selector of gallery item.
effect	string	"slide"	Image Slider Transition Effects, "fade" or "slide".
width	string	"640px"	Slideshow width.
height	string	"480px"	Slideshow height.
speed	Number	3000	Slideshow speed in milliseconds.
Autoplay	Boolean	false	If set to true, slideshow will play after slideshow is create.
hideControl	Boolean	false	Hide / Show control bar, if hidden, hover the bottom slideshow to show.
infoBtn	Boolean	false	Hide / Show the info button.
infoShow	Boolean	false	Hide / Show the info content.
infoContent	string	""	Set default image captions.
noCopy	Boolean	false	Enable / disable copy and download image at the usual way.
autoResize	Boolean	true	If set to true, automatically resize when the window size is less than the options set.
fullScreen	Boolean	true	Enable / disable full screen mode.
scrollTo	Boolean	true	Scrolling to the slideshow place.
open	function	function () {}	Perform at slideshow created.
start	function	function () {}	Perform at slideshow started.
pause	function	function () {}	Perform at slideshow paused.

Getting Started

Create the image element. Add attribute class="bv_img" for pictures to put in the slideshow. Add captions to photos to attribute alt.

Example:

<img class="bv_img" src="/images/img1.jpg" alt="Lorem ipsum dolor sit amet, consectetur adipisicing." />

Attach .leftslideshow() from the image element parents.

$(document).ready(function() {
    $("body").leftslideshow();
});

jsFiddle: http://jsfiddle.net/baivong/FyysA/