Question

所以我在JQuery中开发我的第一个响应式全宽度图像滑块。我之前一直在使用JQuery，但从不编写滑块，所以我不确定它的代码是否已损坏，或者它的循环2是否与我一起玩游戏。

所以我遇到的问题是，当我打开我的网页看滑块本身时，它没有显示图片。我倾向于反对cycle2文件过时或者某些东西的想法，但我无法确定，除非使用它的人可以确认它。

对我来说，我的代码看起来很完美，我找不到任何问题，因为它是如此短的代码。

这是我的文件的源代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Full Width Responsive Image Slider</title>

<script type="text/javascript src="C:\Users\user\Desktop\Development\Full Width Slider Varga\js\jquery.js"></script>

<script type="text/javascript src="C:\Users\user\Desktop\Development\Full Width Slider Varga\js\jquery.cycle2.min.js"></script>

</head>



<body>

    <div class="cycle-slideshow">
        <img src="C:\Users\User\Desktop\Development\Full WIdth Slider Varga\images\Untitled.png">
        <img src="C:\Users\User\Desktop\Development\Full WIdth Slider Varga\images\wp.png">
        <img src="C:\Users\User\Desktop\Development\Full WIdth Slider Varga\images\wp2.png">
 </div>

</body>
</html>

Answer 1

尝试使用此代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Full Width Responsive Image Slider</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <script src="http://malsup.github.com/jquery.cycle2.js"></script>
</head>
<body>
  <div class="cycle-slideshow">
    <img src="images/Untitled.png">
    <img src="images/wp.png">
    <img src="images/wp2.png">
  </div>
</body>
</html>

https://jsfiddle.net/1qjgwz31/

基于JQuery的全宽度响应图像滑块损坏？

1 个答案: