0

スライドショー付きの Web ページを作成しようとしています。スライドショーの画像はマシンにローカルに保存され、順番に番号が付けられます。

ディレクトリに保存されている画像の数は毎月変化するため、フォルダー内に画像がいくつあるかを検出し、対応する 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