Question

很长一段时间我一直在寻找一个带有延迟加载支持的简单幻灯片/图库插件，今天我遇到了Slick。

但是，Slick网站更专注于展示插件的所有功能，而不是引导新手进行基本实现。虽然我按照一步一步的步骤提供了我无法真正实现它。

我尽可能地简化了标记，所以我可以确定我没有做错任何事情：

<!doctype html>
<html lang="en">

    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
    </head>

    <body>

        <div class="slider lazy">
            <div>
                <div class="image">
                    <img data-lazy="http://i.imgur.com/Ik3yGs8.jpg"/>
                </div>
            </div>
            <div>
                <div class="image">
                    <img data-lazy="http://i.imgur.com/Bw2NgHm.jpg"/>
                </div>
            </div>
            <div>
                <div class="image">
                    <img data-lazy="http://i.imgur.com/uNPeNKN.jpg"/>
                </div>
            </div>
            <div>
                <div class="image">
                    <img data-lazy="http://i.imgur.com/ys8QsLT.jpg"/>
                </div>
            </div>
        </div>

        <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
        <script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        <script type="text/javascript" src="slick/slick.min.js"></script>

        <script type="text/javascript">

            $(document).ready(function(){
                $('.lazy').slick({
                  lazyLoad: 'ondemand',
                  slidesToShow: 1,
                  slidesToScroll: 1
                });
            });

        </script>

    </body>

</html>

因为我没有使用一组图像，所以我从IMGUr上托管的随机相册中挑选了一些图像，但这种结构根本无法按照“手册”中描述的代码片段的方式工作。

例如，我没有看到导航箭头。通过Chrome Element Inspector，我为他们添加了一些边框，希望看到他们的位置没有成功。

在挖掘了一些信息之后，从其他代码中获取其他代码，然后我瞄准了“手册”，我 dots：true ，并出现了一个小的基本导航。终于开始工作了，但不是我想要的方式。

另外，我的键盘什么也没做。后来我发现可访问性：true 会启用它。

但是，总的来说，实施比实际更难。是否有另一个网站充当非官方手册或以更好的方式解释使用情况，而不仅仅是抛出几十个例子，并希望任何人都可以通过测试每个API选项来弄清楚如何工作？

Answer 1

我测试了其中一些，最后使用了owl carousel。但这是出于我的特殊需求（这是内容，而不是图像，用于触摸手机）。我从来没有对他们中的任何一个感到高兴。

Answer 2

我正在努力奋斗;事实证明，你需要一个彩色背景来看他们。或者，改变他们的颜色。参考：https://github.com/kenwheeler/slick/issues/440

Answer 3

我正在使用光滑的旋转木马，它对我来说很好。他们记录得非常好。在设置部分，您可以找到有关如何使用提供的设置的说明，以便自定义轮播。

光滑的轮播难以实施

3 个答案: