gpt4 book ai didi

jQuery Slider 不适用于保存的图像

转载 作者:行者123 更新时间:2023-11-28 07:55:31 26 4
gpt4 key购买 nike

我正在尝试向我的网站添加一个 jQuery slider ,但出于某种原因,它不显示保存在我的计算机上的图像,只显示来自网站的图像。

代码如下。如您所见,列表中的第一个元素是来自文件的图像,该文件位于/Users/Dom/Desktop/NewWebsite/images/jam.jpg。

<!DOCTYPE HTML>
<html>
<head>
<title>UnSlider</title>
<style>
body, html {
padding:0px;
margin: 0px;
}
.banner {
position: relative;
width: 100% !important;
overflow: auto;
padding: 0px;
margin: 0px;
}
.banner ul {
padding: 0px;
margin: 0px;
}
.banner li {
list-style: none;
padding: 0px;
margin: 0px;
}
.banner ul li {
float:left;
padding: 0px;
margin: 0px;
min-height: 350px;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
-ms-background-size: 100% auto;
background-size: 100% auto;
background-position-y: -75px;
box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
}
</style>
</head>
<body>
<div class="banner">
<ul>
<li style="background-image: url("../images/jam.jpg");"></li>
<li style="background-image: url('http://placehold.it/1400x400');"></li>
<li style="background-image: url('http://placehold.it/1400x400');"></li>
<li style="background-image: url('http://placehold.it/1400x400');"></li>
</ul>
</div>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://unslider.com/unslider.min.js"></script>

<script>
$(document).ready(function(){
$('.banner').unslider({
speed: 500, // The speed to animate each slide (in milliseconds)
delay: 5000, // The delay between slide animations (in milliseconds)
keys: true, // Enable keyboard (left, right) arrow shortcuts
dots: false, // Display dot navigation
fluid: false // Support responsive design. May break non-responsive designs
});
});
</script>
</body>
</html>

谢谢!

最佳答案

也许你想分享你有这个 html 文件的文件夹的路径和你有图像的文件夹,这将有助于帮助你。

假设您的 html 文件位于:/Users/Dom/Desktop/NewWebsite 以访问图像,您可以这样做: <li style="background-image: url("images/jam.jpg");"></li>或者 <li style="background-image: url("images/jam.jpg");"></li>在你的例子中 2 点 (..) 表示返回一个文件夹,而您的图像位于同一文件夹中。你也可以这样做: <li style="background-image: url("./images/jam.jpg");"></li>1个点(.)表示有一个叫images的文件夹,在同一个文件夹里,进去找到一张叫jam.jpg的图片希望对你有帮助-

关于jQuery Slider 不适用于保存的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30132908/

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