我有以下代码在我的登录项目中使用 jquery 反向拉伸插件。我的项目是 asp.net 核心,登录页面是视图页面。但是代码在图像的本地地址方面存在问题。当我将图像地址更改为正常工作的 HTTP 地址时我的图像已保存在wwwroot/assets/admin/pages/media/bg中。错误的代码:
<script>
$.backstretch([
"~/assets/admin/pages/media/bg/1.jpg",
"~/assets/admin/pages/media/bg/2.jpg",
"~/assets/admin/pages/media/bg/3.jpg",
"~/assets/admin/pages/media/bg/4.jpg"
], {
fade: 1000,
duration: 8000
}
);
</script>
这是正常工作的:
<script>
$.backstretch([
"https://www.w3schools.com/images/w3schools_green.jpg",
"https://www.w3schools.com/images/w3schools_green.jpg",
"https://www.w3schools.com/images/w3schools_green.jpg",
"https://www.w3schools.com/images/w3schools_green.jpg"
], {
fade: 1000,
duration: 8000
}
);
</script>
这
与其说是一个经过深思熟虑的答案,不如说是一个疯狂的猜测但我想你可以只使用绝对链接(以"/"开头(
$.backstretch([
"/assets/admin/pages/media/bg/1.jpg",
"/assets/admin/pages/media/bg/2.jpg",
"/assets/admin/pages/media/bg/3.jpg",
"/assets/admin/pages/media/bg/4.jpg"
], {
fade: 1000,
duration: 8000
}
);