Smoothslides

A responsive jQuery slideshow with beautiful panning effects on each image. Created by Kevin Thornbloom
Добавил данный пакет в pakagist., _(*1)

Demo

Demo Page, _(*2)

Usage

Include CSS in header

<link rel="stylesheet" href="css/smoothslides.theme.css">

<script type="text/javascript" src="js/smoothslides.min.js"></script>
    <script type="text/javascript">
        $(window).load( function() {
            $(document).smoothSlides({
            duration: 4000
            /* options seperated by commas */
            });
        });
    </script>

Add HTML Markup for slides

<div class="ss-slides">
    <div class="ss-slide">
        <img src="images/1.jpg" />
    </div>
    <div class="ss-slide" title="Caption">
        <img src="images/2.jpg" />
    </div>
</div>

Note- to add a caption, put a title on that slide's div., _(*3)

Options

Option	Description	Values
duration	Time in milliseconds (1 second = 1000 ms) each slide is visible for	3000
autoPlay	Allow slideshow to play automatically	'true' or 'false'
order	How to order the slides	'normal' , 'reverse' or 'random'
effect	Animation to be used while automatically playing	'random', 'zoomIn', 'zoomOut', 'panLeft', 'panRight', 'panUp', 'panDown', 'crossFade','none'
effectEasing	CSS3 easing type for animations	'ease-in-out'
nextText	Text for the next button	'›'
prevText	Text for the previous button	'‹'
captions	Show captions?	'true' or 'false'
navigation	Show Next/Prev buttons?	'true' or 'false'
pagination	Show dots representing slides?	'true' or 'false'

Licensing

Free to use and modify personally or commercially. Not for resale., _(*4)

Help & Feedback

Connect with me on twitter., _(*5)

08/05 2015

dev-master

9999999-dev http://kthornbloom.com/smoothslides/

A responsive jQuery slideshow with beautiful panning effects on each image

Sources Download

MIT

by DarkDrim

jquery responsive image effects slideshow panning galery

library smoothslides