从特定文件夹预加载图像

时间:2013-07-14 11:26:22

标签: jquery

我想使用自己的幻灯片,而不是为我的joomla模板使用一些插件。因此,我需要预装图像,如插件中的图像从文件夹中获取。所以我的问题是如何从特定文件夹创建一个数组,例如。 my-template/bg拍摄所有图像,最后上传的图像应位于阵列的最后一个位置。

2 个答案:

答案 0 :(得分: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
      }
   }
}

答案 1 :(得分:0)

Brifly:

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

或者

PHP使用嵌入式javascript生成页面(HTML),其中包含文件名数组。

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