0

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

<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 标记格式不正确。

4

2 回答 2

1

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

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

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

于 2013-12-18T10:15:10.060 回答
0

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

于 2013-11-15T19:51:35.043 回答