次のような形式の画像を含むフォルダーがありますが、
「_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'},
...
これを行う簡単な方法はありますか?ページに画像がロードされていないため、そのような方法で手動で呼び出す必要があり、ディレクトリに画像を追加できるようにして、これ以上作業を行う必要がないようにしたいと考えています。