gpt4 book ai didi

javascript - 基于 JQuery 的全宽响应图像 slider 损坏了吗?

转载 作者:太空宇宙 更新时间:2023-11-04 11:00:30 26 4
gpt4 key购买 nike

所以我正在用 JQuery 开发我的第一个响应式全宽图像 slider 。我以前一直在使用 JQuery,但从未使用过图像 slider ,所以我不确定是我的代码损坏了,还是 cycle2 正在和我玩游戏。

所以我遇到的问题是,当我打开我的网页以查看 slider 本身时,它没有显示图片。我反对 cycle2 文件已过时之类的想法,但我无法确定,除非经常使用它的人可以确认。

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

这是我的问题的样子 http://imgur.com/3QUUbpc

这是我的文件的源代码

<!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>

最佳答案

试试这段代码:

<!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/

关于javascript - 基于 JQuery 的全宽响应图像 slider 损坏了吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34347692/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com