Лайтбокс Nivo добавляет теги к изображению, чтобы сделать их фреймами

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.

Теги:
lightbox
nivo-slider

2 ответа

0
Лучший ответ

Используя скрипт, который я использовал, я не контролировал тип контента, который показывал лайтбокс (который контролировался кодом лайтбокса). Из-за этого я переключился на другой lighbox, где я мог контролировать тип контента. Это фиксировало проблему, с которой я столкнулся, хотя я до сих пор не знаю, почему оригинальный лайтбокс читал некоторые из изображений как фреймы.

1

В вашем примере расширение вашего изображения в верхнем регистре. Nivo Lightbox проверяет только строчные буквы.

Измените if(s.match(/\.(jpeg|jpg|gif|png)$/)!=null)

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню