simple-slider/index.html at master · spoonben/simple-slider · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<html>
<head>
    <title>Example</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="slider.js"></script>
    <link href="slider.css" rel="Stylesheet"/>
</head>

<body>
<div id="example">
    <ul class="slider">
        <li>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pharetra id nunc a bibendum. Quisque ultrices orci quam, quis aliquam nunc tempus eu. Donec nibh augue, ultricies sit amet sem sed, feugiat suscipit nunc. Nulla metus lectus, fermentum et interdum laoreet, rhoncus et neque. Quisque feugiat placerat lacus in ornare. Vivamus ullamcorper facilisis felis nec ultrices. Aenean ac mi quam. Etiam mollis consequat nisl vitae varius. Quisque iaculis sit amet lorem vel tristique. Nulla commodo odio non augue semper, at vulputate lacus suscipit. Aenean tincidunt congue quam vitae gravida. Fusce lacinia porttitor nisl eu dictum. Vestibulum eget lectus dui. Donec feugiat lobortis augue ac luctus.
            </p>
        </li>
        <li>
            <center><img src="http://octodex.github.com/images/daftpunktocat-thomas.gif"/></center>
        </li>
        <li>
            <p>
                Integer dignissim, metus sed mattis mollis, nisi libero blandit sem, sollicitudin commodo urna libero ut lectus. Nullam id nulla accumsan, mollis eros in, sollicitudin justo. Nam nisl justo, fermentum vitae consequat et, ornare non sem. Donec vitae massa nec lacus tempus tincidunt. Nunc molestie lacinia augue tempor ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tristique enim massa, eu malesuada felis vulputate nec. Maecenas sed velit nibh.
            </p>
        </li>
        <li>
            <center><img src="http://octodex.github.com/images/heisencat.png"/></center>
        </li>
    </ul>
</div>
<script type="text/javascript">
$('#example').slider();
</script>
</body>

</html>