Question

我添加了flexslider js和css文件，还添加了滑块块代码，因为官方示例已经添加了它们。在结果中，我无法在任何浏览器中看到图像，但在“查看源”模式下，我可以看到js文件所做的更改，并且没有任何问题。当我删除css或js文件从图像正确显示，但当我再次添加它们时，上一页，下一页和导航链接被添加但图像消失。我该怎么办？我的代码：

<head>
    <meta charset="utf-8">
    <title>Untitled</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="script.js"></script>
    <script type="text/javascript" src="jquery.flexslider-min.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" type="text/css" href="flexslider.css">
</head>

我的滑块代码：

<div class="flexslider">
        <ul class="slides">
        <li>
            <img src="slide1.jpg" />
        </li>
        <li>
            <img src="slide2.jpg" />
        </li>
        <li>
            <img src="slide3.jpg" />
        </li>
        <li>
            <img src="slide4.jpg" />
        </li>
    </ul>
</div>

使用js代码启用flexslider：

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

Flexslider不显示图像

0 个答案: