Simple Slideshow - A tiny, flexible jQuery slideshow

Simple Slideshow is a tiny, flexible jQuery slideshow plugin with following features:

• Auto-slide at a certain interval.
• Custom aspect ratio of your images.
• Custom start slide.
• Fully customizable via CSS.
• Navigation dots.
• Cross browser.

• 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="//cdn.rawgit.com/ryanwalters/simple-slideshow/0.1.4/src/slideshow.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.rawgit.com/ryanwalters/simple-slideshow/0.1.4/src/slideshow.js"></script>

2. HTML

<div class="rw-slideshow-1">
        <div>
            <img src="//placehold.it/1140x642/F39C12/FFF&text=Tangerine!" alt="" />
        </div>
        <div>
            <img src="//placehold.it/1140x642/3498DB/FFF&text=Blueberry!" alt="" />
        </div>
        <div>
            <img src="//placehold.it/1140x642/E74C3C/FFF&text=Tomato!" alt="" />
        </div>
        <div>
            <img src="//placehold.it/1140x642/00DBA3/FFF&text=Emerald!" alt="" />
        </div>
</div>

3. JAVASCRIPT

$('.rw-slideshow-1').slideshow({ delay: 4000});

4. OPTIONS

$('.slideshow').slideshow(options);

options = {
    delay: 0,       // delay between slides in ms; 0 = off
    height: null,   // if set, overrides ratio
    pause: true,    // pause on hover
    ratio: 0.5625,  // width:height ratio; 1600x900 assumed
    speed: 400,     // default slide speed in ms
    startSlide: 0   // 0-based; e.g. 0 is the first slide
}