Lightbox2不会加载Fotorama滑块

时间:2015-07-01 09:00:46

标签: 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 ): ?>
    <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; ?>

1 个答案:

答案 0 :(得分:0)

滑块必须用于导航 Fotorama中的图像,预计不会更改此行为。还是没有抓住你想要完成的事情:可以缩放当前所选的照片(有时可以想象),但你为什么要修改滑块?

你还应该知道,Fotorama会修改DOM,只会预加载上一张和下一张图片,所以如果你在第二张照片上,你可能只会缩放上一张,当前和下一张幻灯片。