jQuery - 创建一个包含位于服务器文件夹中的图像的数组

Question

我对 jQuery 很陌生，我正在尝试实现以下解决方案。

我正在使用一个漂亮的图像轮播/ slider ，它要求我在页面上有一个 div，其中包含我希望轮播使用的图像。我希望能够灵活地将图像放入文件夹中，而不是对其进行硬编码，然后显示图像，因此:

• 我的服务器上包含任意数量图像的文件夹 (img)
• 创建图像(其路径)列表(数组)的一些解决方案
• 与轮播一起使用的列表或数组，无论它是否只生成 HTML，我想这都是问题的一半!

非常感谢您的帮助!

@RobW - 正如我所说，我正在学习..

/--- 编辑:我找到了使用 jQuery 模板的解决方案。它可能不是最聪明的，但它是:

我创建了一个 div，我希望将图像放置在其中:

<div id="imageContainer"></div>     
<!-- Create template -->
    <script id="imageTemplate" type="text/x-jquery-tmpl">
        <img id="imageItem" src='../PublishingImages/${Name}' alt="${Desc}" />
    </script>
<!-- Get data -->
    <script type="text/javascript">
        $(document).ready(function () {
            $.getJSON(
                '../_vti_bin/ListData.svc/Images',
                    function(data) {
                        $('#imageTemplate')             //select the template
                            .tmpl(data.d.results)       //bind it to the data
                                .appendTo('#imageContainer');   //render the output
                                    });
                                    }); 
    </script>

Answer 1

为此你需要 PHP(或其他东西)。

看看 dynamic examples 。在那里您可以学习如何加载图像。您还需要编写一个小型 PHP 脚本。 Get startet with PHP 。我猜你主要需要scandir和一个foreach loop .