Не отображается LightBox картинки

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
serega
Продвинутый
Продвинутый
Сообщения: 328
Зарегистрирован: 12 фев 2012, 06:42
Версия Web Builder: 14.2.2
Имя: Сергей
Контактная информация:

Не отображается LightBox картинки

Сообщение serega » 23 янв 2015, 01:32

WWB 10.1.1
Вставляется простая картинка, достаточно большая, около 1000*2000. Потом она уменьшается простым изменением размера без ресемплинга, мышкой за ручку.
Если я правильно понимаю, то при указании "отображать в LightBox", то в Preview она должна раскрываться в этом самом LightBox. У меня пишет, что файл не найден
Я плохо помню, но в старых версия, в 9 версии, все работало. Сейчас я понимаю, что надо лезть в Options этого LightBox и что-то там прописывать.
Подозреваю, что здесь надо хорошо знать CSS. У меня нет особых требований по скорости открытия, степени затемнения, устраивают и стандартные настройки. Но он же не открывается даже
И вот вопросы:
1. Почему не работает без настроек ?
2. Где взять список всех операторов для этого LightBox, какой синтаксис?

Реклама
Аватара пользователя

Автор Темы
serega
Продвинутый
Продвинутый
Сообщения: 328
Зарегистрирован: 12 фев 2012, 06:42
Версия Web Builder: 14.2.2
Имя: Сергей
Контактная информация:

Re: Не отображается LightBox картинки

Сообщение serega » 23 янв 2015, 01:35

вот что я нашел , копаясь по разным форумам

'transitionIn':'elastic',
'transitionOut':'elastic',
'speedIn':800,
'speedOut':500,
'height':960,
'width':1500,
'overlayShow':true,
'overlayColor':'#FF0000',
'hideOnOverlayClick':true,
'enableEscapeButton':true,
'titleShow':true,
'titlePosition':'over',
'showNavArrows':true,
'autoScale':true,
'autoDimensions':true


Оказывается это из СПРАВКИ (links) к WWB. Вот страница с параметрами http://fancybox.net/api

overlayBgColor: '#FFF',
overlayOpacity: 0.6,
imageLoading: 'http://example.com/images/loading.gif',
imageBtnClose: 'http://example.com/images/close.gif',
imageBtnPrev: 'http://example.com/images/prev.gif',
imageBtnNext: 'http://example.com/images/next.gif',
containerResizeSpeed: 350,
txtImage: 'Imagem',
txtOf: 'de'


изображение осталось прежним, нужно еще добавить #lightbox-image { max-width: 800px; }


Иногда нужно ограничить максимальный размер изображения во всплывающем окне lightbox`а.
Я сделал это так:
В фале lightbox.js:
перед строчками
$image.width = preloader.width;
$image.height = preloader.height;
вставляем эти:
preloader.width = ( preloader.width > 1000 ) ? 1024 : preloader.width;
preloader.height = ( preloader.height > 768 ) ? 768 : preloader.height;
В файле lightbox.css:
#lightbox img {
max-width: 1024px;
max-height: 768px;
}

Похоже, что эти команды из разных языков. Кто-то говорил, что надо еще прописывать путь к оригиналу #lightbox-image . Зачем так сложно, сама же картинка видит оригинал.
Последний раз редактировалось serega 23 янв 2015, 05:48, всего редактировалось 1 раз.

Аватара пользователя

Автор Темы
serega
Продвинутый
Продвинутый
Сообщения: 328
Зарегистрирован: 12 фев 2012, 06:42
Версия Web Builder: 14.2.2
Имя: Сергей
Контактная информация:

Re: Не отображается LightBox картинки

Сообщение serega » 23 янв 2015, 03:15

странно, проверил на версии 9,41 . Тоже не работает. Так как же отображается этот LightBox картинки.

Я там тестировал эти значения, в принципе работает. Последние 5 никак не реагируют. И вот я полез в HTML страницы, от чего мы все хотим подальше.



Это одна картинка на голой странице. Картинка видна, LightBox пустой с текстом "не найден".

Код: Выделить всё

<a href="javascript:displaylightbox(' ',{'transitionIn':'elastic','transitionOut':'elastic','speedIn':600,'speedOut':200,'height':960,'width':1500,'overlayShow':true,'overlayColor':'#FF0000','hideOnOverlayClick':true,'titleShow':true,'titlePosition':'outside','showNavArrows':true,'enableEscapeButton':true,'autoScale':true,'autoDimensions':true})" target="_self" title="1111111111111111111111111111111"><img src="images/Kolesa-0922-860.JPG" id="indexImage1" alt=""></a>


после первой ( стоят пустые кавычки ' ' . Если вставить туда 'images/Kolesa-0922-860.JPG' , то в LightBox показывается картинка в оригинальном размере. Появляются полоски прокрутки, параметры 'autoScale':true,'autoDimensions':true не работают.

Почему кавычки ' ' пустые ? Как заставить картинку уменьшаться под этот LightBox ?


Ответить

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 0 гостей