Ian slides.js

by James Doyle

HTML

<script src="http://slidesjs.com/js/slides.min.jquery.js"></script>
<div id="slides">
    <div class="slides_container">
        <div class="slide1">
            <h4>THE VERY BEST OF IAN CORSTINE’S</h4>
            <h1>1000 Islands v</h1>
            <h5>Now Avaliable At Major Book Retailers</h5>
            <a class="button" href="#">Explore Book</a>
        </div>
        <div>
            <h1>Slide 2</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>
        <div>
            <h1>Slide 3</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>
        <div>
            <h1>Slide 4</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>
    </div>
</div>

CSS

#slides{}
.slides_container{width:980px;height:250px;margin:0px auto;}
.slides_container {width:840px;height:250px;display:block;}
.pagination li{list-style: none;float: left;margin:0px 10px;}

JavaScript

$(function() {
    $("#slides").slides({
        preload: true,
        play: 5000,
        pause: 2500,
        hoverPause: true
    });
});