Question

我有site我正在实施Nivo Lightbox（可以找到文档here）。我添加了css和脚本标签，它似乎工作正常，但是当我测试它时，我注意到一些图像是左对齐而不是居中。当我检查滑块中拉出的代码时，它说滑块的内容是

<iframe src="/images/sized/images/uploads/_DSC0413-333x500.JPG" class="nivo-lightbox-item" frameborder="0" vspace="0" hspace="0" scrolling="auto"></iframe>

而普通图像使用此标记

<img class="mfp-img" src="http://www.hoekstraspecialty.com/images/photo_gallery/copy_1_sprinter9.jpg" style="max-height: 535px;">

没有iframe。

我通过ExpressionEngine中的博客将图像添加到灯箱。输入图像并将它们绑定到灯箱的代码是

{exp:weblog:entries weblog="gallery_images" url_title="shelving" limit="1" disable="member_data|trackbacks|pagination|categories"}
    <p style="text-align: right;">
        {equip_gallery limit="1"}<a href="{img}" class="shelving" data-lightbox-gallery="gallery1"><img class="shelving"  alt="" src="{site_url}images/uploads/button_shelving_17.jpg" style="width: 228px; height: 29px;"></a>{/equip_gallery}
        <div id="gallery" style="display:none;">
            {if equip_gallery}
                {equip_gallery}
                    <a href="{exp:imgsizer:size src="{img}" height="500" justurl="yes" }" class="shelving"  data-lightbox-gallery="gallery1"><img class="small" src="{img}" title="{caption}"></a>
                {/equip_gallery}
            {/if}
        </div>
    </p>
{/exp:weblog:entries}

所有图片都应该以相同的格式添加，当我查看不在灯箱中的图片标签时，它们看起来都一样，所以我不确定为什么有些图片放在iframe中有些不是。

要查看示例，请单击上面的链接，然后单击“搁置图库”。第一个图像工作正常，并使用img标记格式化。使用iframe标记时，最后一张图片（单击左箭头）格式不正确。

Answer 1

在您的示例中，图片的扩展名为大写。 Nivo Lightbox仅检查小写。

更改if(s.match(/\.(jpeg|jpg|gif|png)$/)!=null)

进入if(s.match(/\.(jpeg|JPEG|jpg|JPG|gif|GIF|png|PNG)$/)!=null)

Answer 2

使用我正在使用的脚本，我无法控制灯箱显示的内容类型（由灯箱代码控制）。因此，我切换到另一个可以控制内容类型的灯箱。这解决了我遇到的问题，但我仍然不确定为什么原始灯箱会将某些图像作为iframe读取。

Nivo灯箱为图像添加标签，使其成为iframe

2 个答案: