javascript - 使用 javascript 从文件夹中获取图片到我的网站
问题描述
我有一个带有 .html 文件的本地网站,我希望我的幻灯片自动显示文件夹中的图片并显示它们,而无需手动一一添加。现在我必须为我想要的每一个新图像添加。
这是我的代码:
<img class="mySlides myImg" src="Images/Image_01.jpeg" alt="01" width="620" height="340">
<img class="mySlides myImg" src="Images/Image_02.jpeg" alt="02" width="620" height="340">
<!-- Slider Image Script -->
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function currentDiv(n) {
showDivs(slideIndex = n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("demo");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" w3-white", "");
}
x[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " w3-white";
}
</script>
解决方案
推荐阅读
- ruby-on-rails - 使用 form_with 时视图不呈现,具有 url 和 ROR 中的现有控制器操作
- c# - 通过网络流发送字节数组时,最终文件中会出现额外字符
- c++ - libc++abi 未定义符号:_ZTVN10__cxxabiv120__si_class_type_infoE
- centos7 - rsyslog 变量不起作用
- javascript - 如何隐藏轮播中单个图像的下一个和上一个按钮?
- faker - faker npm 包,用于获取具有特定性别的名称
- tar - 如何使用 sha1sum 验证 tarball 的内容
- java - Coinbase Api Java POST 请求“无效签名”
- python - 使用蓝图部署到 Heroku 的 Flask Python 中的 URL 前缀
- apache - 永久重定向删除 URL 中的文件扩展名