网站显示的图片与目录中的一样多

我要创建HTML网站,该网站将显示目录中尽可能多的图像。 可以是5或可以是100。 通过单击“下一个/上一个”按钮,网站应显示目录中的单个图像。

        $(document).ready(function () {

            var images = [
                "Icons/1.PNG",
                "Icons/2.PNG",
                "Icons/3.PNG"
            ];

            var imageIndex = 0,
                iLength = images.length - 1,
                imageEl = $('#image'),
                prevEl = $('#previous'),
                nextEl = $('#hoger');

            prevEl.on("click", function () {
                imageIndex--;

                imageEl.attr('src', images[imageIndex]);

                nextEl.prop('disabled', false);
                prevEl.prop('disabled', !imageIndex);
            });

            nextEl.on("click", function () {
                imageIndex++;

                imageEl.attr('src', images[imageIndex]);

                nextEl.prop('disabled', imageIndex === iLength);
                prevEl.prop('disabled', false);
            });

            prevEl.prop('disabled', true);
            imageEl.attr(images[0]);
        });
    </script>

Instead of list images in var = images, I would need to read count of images.

评论