Our Work

KTree Multi Featured Slider Jquery Plugin

Updated 1 month and 15 days ago

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 +
    *Step 2:* Add the below code to the HEAD section of your page:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></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) KTree.com (www.KTree.com)
    * Visit http://www.KTree.com for more information.
    /script> *
    Step 3: * Then, add the below sample markup to your page:
    script type = "text/javascript" >
    $(document).ready(function() {
        $( < your selector > ).KTSlider({
            bg: '<default Background Path>',
            interval: 2000,
            autorotate: true,
            slideUrl: {
                'position1': {
                    'name': 'Slide One',
                    'url': 'data/slide1.json'
                'position2': {
                    'name': 'Slide Two',
                    'url': 'data/slide2.json'
                'position3': {
                    'name': 'Slide Three',
                    'url': 'data/slide3.json'
            afterSlideSwitch: function(data) {} // 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>" >


  1. Demo: http://ktreeopensource.github.io/multi-featured-slider/
  2. Download: https://github.com/KtreeOpenSource/KTree-Multi-Featured-Slider-jquery-Plugin
  3. Bower: https://bower.io/search/?q=jquery-multilevel-slider

Looking for Web Developer?

Please Contact us if you have any Web Development requirements. Hire dedicated Web developers or Web Development services from KTree. KTree is Best offshore Web development company with extensive experience in Web development.

Request For Quote


    No tag results found for this post