TimerTabPanel

Auto change tab panel with timer. This is jQuery, jQuery-UI Plugin.

Installation

Download jquery.ttpanel.js and set your page.

Requirement

jQuery 1.7.2 or later
jQuery-ui 1.9.0 or later
jQuery-ui.css Optional for CSS. Use same version of jquery-ui.

Compatibility

jQuery 2.x
jQuery 3.x

Usage

Load jquery.js, jquery-ui.js and jquery.ttpanel.js, set like below.

<script>
$(function () {
  $("#tabs").timerTabPanel();
});
</script>

<div id="tabs">
<ul>
<li><a href="#tab1">Title 1</a></li>
<li><a href="#tab2">Title 2</a></li>
       :
</ul>
<div id="tab1">tab1 contents</div>
<div id="tab2">tab2 contents</div>
       :
</div>

Options

<script>
$(function () {
  $("#tabs").timerTabPanel({
    startTab: 3,         // start tab number: defalut 1
    timeInterval: 1000,  // time interval (ms): default: 3000
  });
});
</script>

Example

Open the index.html file located in the 'example' folder.

License

This plugin is released under the MIT License.