问题描述
我正在创建一个网络投资组合,我正在为响应式网页使用不同的照片/图像。但我收到同样的错误,我找不到解决方案 .我使用两组不同图像的原因是我有用于轮播的原版 javascript 代码,但我愿意接受不同的解决方案。
我为图像命名,以便它们可以通过 for 循环添加,例如第一个图像名为 img1.jpg,第二个名为 img2.jpg 等。
function changeSource() {
const Images = document.querySelectorAll('.slides img');
for (let i = 1; i < Images.length; i++) {
Images[i].src = "../Assets/square/img" + i + ".jpg";
}
}
错误信息:1 GET localhost:82/Assets/square/img6.jpg 404 (Not Found)
这是 HTML 标记
<images>
<section class="slides">
<img src="Assets/home/img4.jpg" id="lastclone">
<img src="Assets/home/img1.jpg">
<img src="Assets/home/img2.jpg">
<img src="Assets/home/img3.jpg">
<img src="Assets/home/img4.jpg">
<img src="Assets/home/img5.jpg">
<img src="Assets/home/img1.jpg" id="firstclone">
<img src="Assets/home/img2.jpg">
</section>
</images>
<script src="js/load.js"></script>
<script src="js/script.js"></script>
<script src="js/resize.js"></script>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)