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

标签 jquery

我对 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>

最佳答案

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

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

关于jQuery - 创建一个包含位于服务器文件夹中的图像的数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8473062/

相关文章:

javascript - 在对象内循环数组,在另一个对象内使用 jQuery?

jQuery 相当于 'enabling' 输入

jquery - 在html表格中动态添加新行

jquery - 如何在 jquery 框内居中标记 i

javascript - 如果未加载,则从外部源加载 jQuery

javascript - 如何向元素添加 Bootstrap 类?

JQuery 2 个选择的乘法

jQuery UI - addClass/removeClass : Unwanted white background 问题

javascript - 实时更新磨砂玻璃 UI jQuery

javascript - Bootstrap 单击后触发 jQuery click(),导致冲突