0

我正在尝试创建一个带有幻灯片的网页。幻灯片的图像本地存储在机器上，并按顺序编号。

目录中存储的图片数量每个月都在变化，所以我需要检测文件夹中有多少图片，然后创建相应的img标签。

目前，我已经硬编码了这个值。我知道这可以通过服务器端帮助实现，但是这台机器是一台测试机器，我无法在上面设置服务器。

有没有办法检测图像的数量然后创建 img 标签？

我目前拥有的代码：

<html>
<head>
    <link rel="stylesheet" type="text/css" href="css.css">
    <script type="text/javascript" src="jquery.js"></script>
    <script type ="text/javascript" src="cycle.js"></script>
    <script type="text/javascript">

        $( document ).ready(function() {
            var image_path = "../slideshow/Slide";
            for(j=1; j < 65; j++){
                var imgEl = $('<img id="slideshow-image">');
                imgEl.attr('src', image_path+j+".PNG");
                imgEl.appendTo('.slideImage'); 
            }
            $('.slideImage').cycle({ 
                fx:      'fade', 
                speed:    1000, 
                timeout:  10000,
                fit: 1
            });
        });
    </script>

</head>
<body>
    <div class="container">
        <div class="flex-column">
            <section>
                <div class="slideImage">

                </div>
            </section>
        </div>
        <nav>

        </nav>
    </div>
</body>

4

0 回答 0