Documentation v8.0.25

Preview Purchase

Tiny Slider is an all purpose slider inspired by Owl Carousel. For more info please visit the plugin's Homeor Github Repo.

Advanced Example

Here's an example of Tiny Slider with custom navigation buttons and a variety of additional options. For more info, please visit the official website.

HTML

<div class="tns tns-default">
    <!--begin::Slider-->
    <div
        data-tns="true"
        data-tns-loop="true"
        data-tns-swipe-angle="false"
        data-tns-speed="2000"
        data-tns-autoplay="true"
        data-tns-autoplay-timeout="18000"
        data-tns-controls="true"
        data-tns-nav="false"
        data-tns-items="2"
        data-tns-center="false"
        data-tns-dots="false"
        data-tns-prev-button="#kt_team_slider_prev1"
        data-tns-next-button="#kt_team_slider_next1">

            <!--begin::Item-->
            <div class="text-center px-5 py-5">
            <img src="assets/media/stock/600x400/img-1.jpg" class="mw-100" alt=""/>
            </div>
            <!--end::Item-->
            ...
    </div>
    <!--end::Slider-->

    <!--begin::Slider button-->
    <button class="btn btn-icon btn-active-color-primary" id="kt_team_slider_prev1">
        <span class="svg-icon svg-icon-3x">
            ...
        </span>
    </button>
    <!--end::Slider button-->

    <!--begin::Slider button-->
    <button class="btn btn-icon btn-active-color-primary" id="kt_team_slider_next1">
        <span class="svg-icon svg-icon-3x">
            ...
        </span>
    </button>
    <!--end::Slider button-->
</div>

2021© Keenthemes

Purchase Metronic

Getting Started

Base

Forms

Editors

Charts

General

Icons

Documentation v8.0.25

Advanced Example

Explore Metronic

Demo1

Demo2

Demo3

Demo4

Demo5

Demo6

Demo7

Demo8

Demo9

Demo10

Demo11

Demo12

Demo13

Demo14

Demo15

Demo16

Demo17

Demo18

Demo19

Demo20

Getting Started

Base

Forms

Editors

Charts

General

Icons

Documentation v8.0.25

No result found

Advanced Example

Explore Metronic

Demo1

Demo2

Demo3

Demo4

Demo5

Demo6

Demo7

Demo8

Demo9

Demo10

Demo11

Demo12

Demo13

Demo14

Demo15

Demo16

Demo17

Demo18

Demo19

Demo20