jQuery Tronsha Slider Plugin

Tronsha Slider is a really simple and responsive jQuery slider plugin for creating a fading image slideshow that supports auto rotation at a certain interval, control buttons, navigation

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: github.com

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" href="css/slider.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/slider.js"></script>
<script src="js/responsive.js"></script>

2. HTML

<div id="slider">
    <div class="slides">
        <img class="image1" src="images/0000ff.png">
        <img class="image2" src="images/00ffff.png">
        <img class="image3" src="images/00ff00.png">
        <img class="image4" src="images/ffff00.png">
        <img class="image5" src="images/ff0000.png">
        <img class="image6" src="images/ff00ff.png">
    </div>
    <div class="prev"></div>
    <div class="next"></div>
    <div class="position"></div>
</div>

3. JAVASCRIPT

jQuery(document).ready(function () {
    jQuery("#slider").slider({delay: 1000, interval: 5000});
});