tabjqeryplugin's Introduction

tabster / tabjQeryPlugin.js

Fully fetured jQuery Tab Plugin. (v0.9.1 Beta)

Demo available at : http://codepen.io/GlupiJas/pen/GoyEBg

// USE EXAMPLE
var options = {
	  		mainWrapper: "#tabster",
	  		target: "div.box", // select all div.box
	  		buttons: "ul li a", // select all buttons
	  		buttonAttrName: "target", // attr that contin div tab box id np #box1
	  		activeClassName: "tabActive", // class to added to active button
	  		delayAfterClick: 0, // wait this time before fade
	  		fadeSpeed: 0, // fade with this speed
	  		showDefault: 1, // tab number be activated when loaded / false - no tab on load
	  		allowNone: true, // allow closing tabs when clicked seckound time on same button	 
	  		autoPlay: false, // autoplay tabs
	  		speedPlay: 3500, // time for col to fade
	  		onClickStopPlay: true, // [true|false] When tabs chenge onclick stop auto play
	  		resumePlayAfter: 3500, //[3000] after stoping wait this amount of time (3s) and start to play again
	  		onContentHoverPause: true, // When hover on content will stop playing
	  		contentOuterWraper: "#contentOuterWraper", // We need it to get padding-bot % (responsive on window resize) not needed for auto or fixed height
	  		pluginActionOn: 'click mouseenter', // interact with buttons on ... [click | mouseenter | ...]

}

$.tabjQeryPlugin(options); // or run plugin with default settings like so: $.tabjQeryPlugin(); but then remember to keep with the html and css structure as in the demo

Recommend Projects