EasyCarousel - A simple jQuery carousel

EasyCarousel is a simple jQuery carousel. A jQuery image slider plugin, you can use anywhere in your website. Easy to configure with simple settings.

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

Source: github.com

1. INCLUDE JS FILES

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="easyCarousel.js"></script>

2. HTML

<ul id="myUlElement">
    <li><img src="images/pic1.jpg"></li>
    <li><img src="images/pic2.jpg"></li>
    <li><img src="images/pic3.jpg"></li>
    <li><img src="images/pic4.jpg"></li>
    <li><img src="images/pic5.jpg"></li>
    <li><img src="images/pic6.jpg"></li>
</ul>

3. JAVASCRIPT

$(document).ready(function() {
    $("#myUlElement").easyCarousel({
        height: 400,            // height of the scrolling area, default is 250px
        width: 650,             // width of scrolling area, default is 600px
        autoScroll: true,       // do you want to start the scrolling by itself, default is true
        slideDuration: 3000,    // time interval of photo slide, default is 4 second (4000)
        photoFrame: true        // add a frame to your photos used in slider, default is true
    });
});