Javascript Lightbox2没有';t在Fotorama滑块中加载所有图像

Javascript Lightbox2没有';t在Fotorama滑块中加载所有图像,javascript,php,wordpress,lightbox2,fotorama,Javascript,Php,Wordpress,Lightbox2,Fotorama,我有fotorama滑块(在wordpress页面中),可以在主图像点击时打开lightbox2(v2.7.1)。问题是lightbox2在弹出窗口中最多只显示3个图像…即使在fotorama滑块中有更多图像 lightbox2似乎没有显示所有图像,因为所有图像都没有显示在fotorama缩略图中(它们是隐藏的)。但如何解决这个问题呢 Fotorama代码: <?php $images = get_field('galerija_jedi'); if( $images ): ?>

我有fotorama滑块(在wordpress页面中),可以在主图像点击时打开lightbox2(v2.7.1)。问题是lightbox2在弹出窗口中最多只显示3个图像…即使在fotorama滑块中有更多图像

lightbox2似乎没有显示所有图像,因为所有图像都没有显示在fotorama缩略图中(它们是隐藏的)。但如何解决这个问题呢

Fotorama代码:

<?php 
$images = get_field('galerija_jedi');
if( $images ): ?>
    <div class="fotorama2" 
    id = "fotorama_jedi"
    data-nav="thumbs"
    data-maxheight="430px"
    data-loop="true"
    data-autoplay="true"
    data-keyboard="true"
    data-thumbfit="cover"
    data-thumbheight="80px"
    data-thumbwidth="80px"
    data-arrows="false"
    data-allowfullscreen="false"
    data-thumbmargin="10"
    data-shadows="false"
    data-arrows="false"
     data-click="false"
     data-swipe="false"
    >
        <?php foreach( $images as $image ): ?>

                    <div data-img="<?php echo $image['url']; ?>" >
                        <a href="<?php echo $image['url']; ?>" rel="lightbox[group]" data-title="<?php echo $image['title']; ?>">                     
                        </a>
                    </div>

        <?php endforeach; ?>
    </div>

<?php endif; ?>


滑块必须用于在Fotorama中导航图像,不希望您更改此行为。同样,你仍然无法捕捉到你想要完成的事情:可以缩放当前选定的照片(有时是需要的),但是为什么你要修改滑块呢


您还应该知道,Fotorama会修改DOM,并且只预加载上一张和下一张图像,因此如果您在第二张照片上,您可能只会缩放上一张、当前张和下一张幻灯片。

我正在寻找增加预加载的Fotorama图像。我需要它预加载所有图像,以便lightbox可以正确读取它们