Question

我正在尝试在我的网站上实现bx-slider。我已经下载了bx滑块文件并将它们保存在名为“js”的文件夹中我在加载滑块时遇到问题，有人可以帮忙

我的代码如下：

<!DOCTYPE html>
<html>
<head>

  <meta charset="UTF-8">
  <title>Swan Lake Paradise</title>
  <link href="../css/style.css" rel="stylesheet" type="text/css">
    <!-- jQuery library (served from Google) -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <!-- bxSlider Javascript file -->
    <script src="/js/jquery.bxslider.min.js"></script>
    <!-- bxSlider CSS file -->
    <link href="/lib/jquery.bxslider.css" rel="stylesheet" />
    <script type="text/javascript">
        $(document).ready(function(){
            $('.bxslider').bxSlider();
        });
    </script>
</head>

<body>
<div class="main">
<div class="page">
<div class="header">
    <a href="index.html" title="Home"/>
<div class="header-img">
</div>
<div class="menu">
<ul>
  <li><a href="index.html">Home</a></li>
  <li><a href="Services.html">Services</a></li>
  <li><a href="Gallery.html">Gallery</a></li>
    <li><a href="Attractions.html">Attractions</a></li>
  <li><a href="Contact%20Us.html">Contact Us</a></li>
</ul>
</div>
</div>
<div class="content">
<div class="left-panel" style="width: 800px;">
<div class="left-panel-in">
<h2 class="title">Gallery</h2>
<br>
    <ul class="bxslider">
        <li><img src="../images/logo.jpg" /></li>
        <li><img src="../images/Dilshan.jpg" /></li>
        <li><img src="../images/google-maps.jpg" /></li>

    </ul>
</div>
</div>
</div>
</body>
</html>

有人可以告诉我我做错了吗？

Answer 1

你好Chamara Dilshan，

我测试你的演示，它对我来说很好。

您可以检查代码中使用的所有文件及其路径。

请下载最新的JQUERY文件，然后在您的代码中使用......

如果您遇到任何麻烦，请告诉我

祝你好运.. ['}

bx滑块无法加载

1 个答案: