Sample 1

$('#slide1').sproutSlide({
	animateStyle: "slide",
	width: "auto",
	slideNum: 3,
	duration:700,
	autovalue:true,
	interval:4000,
	enableDot:true,
	enableArrow:true,
	enableLoop:false,
	enablePageNo:true,
	hoverShowArrow:false,
	onInit:function(slider,current,total){
		slider.find('.customize-page-text').html('IMAGES: '+(current+1)+' / '+total);
	},
	beforeAnimate:function(slider,current,total){
		slider.find('.customize-page-text').html('IMAGES: '+(current+1)+' / '+total);
	}
});

---

Sample 2

$('#slide2').sproutSlide({
	animateStyle: "fade",
	width: 720,
	duration:500,
	autovalue:true,
	interval:5000,
	enableDot:true,
	enableArrow:true,
	enablePageNo:false,
	hoverShowArrow:true,
	clickToNext:true
});

$('#slide3').sproutSlide({
	'width': 1020,
	'slideNum': 3,
	'duration':700,
	'autovalue':false,
	'interval':4000,
	'enableLoop':true
});