文章/答案/技术大牛

发布

社区首页 >问答首页 >Flexslider不工作

问Flexslider不工作
EN

Stack Overflow用户

提问于 2018-01-03 01:03:25

回答 1查看 268关注 0票数 0

我相信这个问题已经被问了很多次了，我也研究了很多其他的文章，但我恐怕我陷入了完全的僵局……

我正在尝试做一个非常基本的挠性滑块，但它似乎根本不想为我工作。图像以列表的形式出现，因此HTML和图像链接看起来没有问题。这让我相信我在JS中遗漏了一些东西。

有人能给我提个建议吗？

在此之前，非常感谢您。瑞安

    <!DOCTYPE html>
<html>
    <head>
        <!-- Place somewhere in the <head> of your document -->
        <link rel="stylesheet" href="flexslider.css" type="text/css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script src="jquery.flexslider.js"></script>

<!-- Place in the <head>, after the three links -->
<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider();
  });
</script>

    </head>

    <body>
        <!-- Place somewhere in the <body> of your page -->
        <div class="flexslider">
            <ul class="slides">
                <li>
                    <img src="../lachantongeimg/group.jpg" alt=""/>
                </li>
                <li>
                    <img src="../lachantongeimg/howtojoin.jpg" alt=""/>
                </li>
                <li>
                    <img src="../lachantongeimg/playmusic.jpg" alt=""/>
                </li>
            </ul>
        </div>
    </body>
</html>

jquery

flexslider

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-01-03 03:30:18

如果您的照片显示为列表，则必须是CSS文件。确保该文件存在或修复您的路径。

我发现官方文档的唯一不同之处是可以选择动画：

$(window).load(function() {
  $('.flexslider').flexslider({
      animation: "slide"
  });
});

这里有一个基本的示例，它的工作方式与您的完全相同：

https://jsbin.com/jicodadace/2/edit?html,console,output

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48064983

复制

相似问题

问Flexslider不工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Flexslider不工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Flexslider不工作
EN