来自图像值数组的fancybox手动调用

时间:2012-05-28 17:51:50

标签: jquery fancybox

我有一个包含格式如此的图像的文件夹,

  

“_ 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'}, 
    ...

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

1 个答案:

答案 0 :(得分:0)

[求助]这是我修复此问题的方法,

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