预加载特定文件夹中的图像

Question

我想使用我自己的幻灯片，而不是使用一些插件为我的joomla模板。因此，我需要有预加载图像，因为在插件中的图像是从文件夹中取出来的。所以我的问题是，如何从特定的文件夹中创建一个数组。my-template/bg获取所有图像，最后上传的图像应该在数组的最后。

Answer 1

这是我在没有测试的情况下黑进的一个建议:-)

在您的模板中：

<script>var imgObj = <?php echo $this->getDirectory('images');  ?></script>

在jQuery的文档就绪代码块中

// load images into DOM and wait for load event
if (typeof window.imgObj === 'object') {

      $(window.imgObj).each(function (index) {
         var url = window.imgObj[index],
             image = $('<img src="' + url + '" />');

      //for old non webkit-opera you need to do a hack like
      image.appendTo('body').remove();

      image.on('load', function () {
         //do stuff with the image once loaded
      }
   }
}

Answer 2

Brifly：

jQuery使用Ajax调用从文件夹中获取文件名PHP脚本。

或

PHP生成页面(HTML)与嵌入的javascript，其中有数组的文件名。

在这两种情况下，PHP都可以测试文件日期和时间，以便在数组中对文件名进行排序。