老师我这引入文件的路径没错吧，但打开html文件总是报错
来源：2-4 编程练习
weixin_慕前端6235132
2020-07-03 14:41:56
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
/>
<link
rel="stylesheet"
type="text/css"
href="js/swiper/idangerous.swiper2.7.6.css"
/>
<style>
* {
padding: 0;
margin: 0;
}
html,
body,
.swiper-slider,
.swiper-wrapper,
.swiper-container {
width: 100%;
height: 100%;
}
img {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide red">
<img src="http://climg.mukewang.com/59f2f3c60001e51206000600.jpg" />
</div>
<div class="swiper-slide green">
<img src="http://climg.mukewang.com/59f2f3dc0001512e06000533.jpg" />
</div>
<div class="swiper-slide blue">
<img src="http://climg.mukewang.com/59f2f3fb0001725305000707.jpg" />
</div>
</div>
</div>
<script src="js/jquery-1.10.1.min.js"></script>
<script
type="text/javascript"
src="js/swiper/idangerous.swiper2.7.6.min.js"
></script>
<script src="js/swiper/idangerous.swiper.progress.min.js"></script>
<script>
var mySwiper = new Swiper(".swiper-container", {
progress: true,
onProgressChange: function (swiper) {
for (var i = 0; i < swiper.slides.length; i++) {
var slide = swiper.slides[i];
var progress = slide.progress;
var translate, boxShadow;
if (progress > 0) {
translate = progress * swiper.width;
boxShadowOpacity = 0;
} else {
translate = 0;
boxShadowOpacity = 1 - Math.min(Math.abs(progress), 1);
}
slide.style.boxShadow =
"0px 0px 10px rgba(0,0,0," + boxShadowOpacity + ")";
swiper.setTransform(slide, "translate3d(" + translate + "px,0,0)");
}
},
onTouchStart: function (swiper) {
for (var i = 0; i < swiper.slides.length; i++) {
swiper.setTransition(swiper.slides[i], 0);
}
},
onSetWrapperTransition: function (swiper, speed) {
for (var i = 0; i < swiper.slides.length; i++) {
swiper.setTransition(swiper.slides[i], speed);
}
},
});
// Set Z-Indexes
for (var i = 0; i < mySwiper.slides.length; i++) {
mySwiper.slides[i].style.zIndex = i;
}
</script>
</body>
</html>
1回答
-
好帮手慕夭夭
2020-07-03
同学你好，看不到里面的目录，文件是直接放在了js文件夹中，还是js文件夹中，还有其他目录。自己检查一下。
如果js文件夹中有swiper文件夹，所有的文件都放在了swiper中，那么路径就没有问题。自己核实一下所有引入的文件的路径是否正确。如果自己不会检查，请把文件目录截图展示全，把报错也截图，以便老师为你查找问题。
祝学习愉快~
0
相似问题
回答 1