Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

KTree Multi Featured Slider Jquery Plugin

Description: This slider will give ability to present more information in your slider without effecting performance as each slide will load data from ajax request, each and everything element is configurable. Using this plugin we can have tabs inside slider where we can accommodate more content.


Step 1: This script uses the following external files:

  • jQuery 1.7 or above (served via Google CDN)
  • KTSlider.js
  • KTSlider.css
  • css/font-aswesome.css or css/font-aswesome.min.css
  • fonts/*

Step 2: Add the below code to the HEAD section of your page:

<script type="text/javascript" src=""></script>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="KTSlider.css" />

<script type="text/javascript" src="KTSlider.js">

* Featured Content KTSlider script- (c) (
* Visit for more information.


Step 3: Then, add the below sample markup to your page:

<script type="text/javascript">

	$(< your selector >).KTSlider({
		bg:'<default Background Path>',
				'name':'Slide One',
				'name':'Slide Two',
					'name':'Slide Three',

		}// Call Back Function after each slide switch.

/*Sample Data for each slide..
	"background":"<Path For Image>",
	"content":"<h1>Next Service In queue</h1><p>lorem ipsum copy in various charsets and languages for layouts.lorem ipsum copy in various charsets and languages for layouts.lorem ipsum copy in various charsets and languages for layouts.</p>",
				"data":"<h1>Section 1sadsdasda</h2>"
				"data":"<h1>Section 2sadsdasda</h2>"
				"data":"<h1>Section 2sadsdasda</h2>"

<div id="<your selector>">

Featured Content KTSlider set up

Please visit for the demo of this plugin. You can see the tabs and slides changing automatically in the site Homepage. See script project page for additional details on setup and documentation: