Question

我正在尝试使用幻灯片显示创建网页。幻灯片放映的图像本地存储在机器上，并按顺序编号。

目录中存储的图像数量每月都在变化，因此我需要检测文件夹中有多少图像，然后创建相应的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>

仅当图像存在而没有服务器时才创建img标记

0 个答案: