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

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

- Сообщения: 328
- Зарегистрирован: 12 фев 2012, 06:42
- Версия Web Builder: 14.2.2
- Имя: Сергей
- Контактная информация:
Re: Не отображается LightBox картинки
вот что я нашел , копаясь по разным форумам
'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 . Зачем так сложно, сама же картинка видит оригинал.
'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 картинки
странно, проверил на версии 9,41 . Тоже не работает. Так как же отображается этот LightBox картинки.
Я там тестировал эти значения, в принципе работает. Последние 5 никак не реагируют. И вот я полез в HTML страницы, от чего мы все хотим подальше.
Это одна картинка на голой странице. Картинка видна, LightBox пустой с текстом "не найден".
после первой ( стоят пустые кавычки ' ' . Если вставить туда 'images/Kolesa-0922-860.JPG' , то в LightBox показывается картинка в оригинальном размере. Появляются полоски прокрутки, параметры 'autoScale':true,'autoDimensions':true не работают.
Почему кавычки ' ' пустые ? Как заставить картинку уменьшаться под этот 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 гостей

