суббота, 5 августа 2017 г.

Основы jQuery. 7. Плагины

index.html


<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>JQ</title>
</head>
<body>
<div class="any-class">
    <ul>
        <li><img src="http://static1.squarespace.com/static/54ca877ce4b014ea90e14bda/54ca9f5de4b021f8b6d68cc1/54caa1c2e4b021f8b6d6cf16/1422565826668/arizona-landscape_200x200.jpg?format=original"/></li>
        <li><img src="http://assets.fratmusic.com/cover/1427053993-Michael-Breitung6-200x200.jpg"/></li>
        <li><img src="http://cdn.craftsy.com/upload/1816128/project/119986/list_1891_119986_PaulsLandscapes_6.jpg"/></li>
        <li><img src="data:image/jpeg;base64,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"/></li>
        <li><img src="http://njcustomswimmingpools.com/wp-content/uploads/2014/08/01398463794Pinnacle_Award_Winner-Luxury_Pools_Magazine-Cipriano_Landscape_Design-2-200x200.jpg"/></li>
        <li><img src="http://www.enste-jaspers.de/wp-content/uploads/2013/03/1395_MSchnabel-200x200.jpg"/></li>
        <li><img src="https://s-media-cache-ak0.pinimg.com/236x/a1/9e/b8/a19eb899cae939cf40bfb1a3ced42936--oil-paintings-for-sale-landscape-oil-paintings.jpg"/></li>
    </ul>
</div>
<button class="prev">&laquo;</button>
<button class="next">&raquo;</button>
   
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.jcarousellite.js"></script>
    <script>
    // Плагины JQ.
    // http://www.gmarwaha.com/jquery/jcarousellite/download.php
   
    $(function() {
        $(".any-class").jCarouselLite({
            btnNext: ".next",
            btnPrev: ".prev",
            // автоскрол
            // auto: 800,
            // speed: 1000,
            // visible: 2  // отображается 2 картинки        
        });
    });

    </script>
</body>
</html>

Комментариев нет:

Отправить комментарий