jquery - 从图像值数组中手动​​调用fancybox

Question

我有一个文件夹，其中包含格式如下的图像，

“_IMG(#).jpg”

其中 # 表示图库中给定图像的编号。

我的想法是使用 php 在页面加载时获取图库中的图像数量：

<?php
  $gallery_item = scandir("style/images/gallery");
  $ignore = Array(".", "..");
  foreach( $gallery_item as $img ){
    $i += in_array($img, $ignore) ? 0 : 1;
  }
?>
<script> var numImages = <?php echo $i; ?>;</script>

然后，我想做的是执行一些循环，根据图库中的图像数量创建一个图像链接数组，这样我就可以调用 fancybox，

$.fancybox( imgArray, galleryOpts );

但我无法弄清楚如何使用 jQuery 语法来实现这一点，因为格式——据我所知——必须是这样的：

$.fancybox([
    {'href' : 'some/path/to/image.jpg'}, 
    ...

有没有更简单的方法来做到这一点？我没有在页面上加载任何图像，因此需要以这种方式进行手动调用，并且我希望能够将更多图像添加到目录中而不必再做任何工作。

Answer 1

[已解决] 这就是我解决此问题的方法，

 for(i = 0;i <= numImages; i++ ) {
    galleryImg[i] = '{"href" : "style/images/gallery/_img ('+(i+1)+').jpg"}';
    galleryImg[i] = jQuery.parseJSON(galleryImg[i]);
  }