Адаптивный Lightbox с ограничением по ширине и высоте

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

Eric
Продвинутый
Продвинутый
Сообщения: 376
Зарегистрирован: 19 дек 2018, 17:40
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Адаптивный Lightbox с ограничением по ширине и высоте

Сообщение Eric » 04 апр 2021, 12:14

Korban, Уберите фансибокс поставьте всплывающий увеличитель.
Это надо отметить! Официант! Четыреста капель валерьянки и салат.

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

Korban
Экспериментатор
Экспериментатор
Сообщения: 80
Зарегистрирован: 25 авг 2013, 22:38
Версия Web Builder: 11.0.5

Адаптивный Lightbox с ограничением по ширине и высоте

Сообщение Korban » 04 апр 2021, 14:57

Eric писал(а): Уберите фансибокс поставьте всплывающий увеличитель.

так и стоит, но теперь не работает лайтбокс вообще


Отправлено спустя 1 минуту 17 секунд:
Eric, А на счет лайтбоксов на каждой точке останова с разным размером, можете подсказать?

Отправлено спустя 11 минут 37 секунд:
UPD. только когда создал новый проект, перенес на него страницы - лайтбокс заработал.
глюки задолбали

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

Eric
Продвинутый
Продвинутый
Сообщения: 376
Зарегистрирован: 19 дек 2018, 17:40
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Адаптивный Lightbox с ограничением по ширине и высоте

Сообщение Eric » 04 апр 2021, 15:27

Korban, Не работает, вспоминайте что меняли, может настройки размера забыли убрать, или еще что.

Сделайте на слоях и редактируйте на точках останова, несколькими постами выше пример скидывал, полностью рабочий, там-же пример скрипта, только видео YouTube1 и Vimeo1. У ekaterina51 работает, все вопросы что что-то не запускалось, были ошибки по невнимательности, см описание к скрипту.
Измените слой в примере на прикрепляющийся, выровнять по горизонтали и вертикали и редактируйте его на точках останова. Только в HTML вставке исправьте Между тегами <head></head>. Видео на YouTube1 или Vimeo1 выложите, c HTML5 Видео не работает.
viewtopic.php?f=60&t=6982#p42406

Кнопка "Закрыть видео" (на странице должен быть подключен jquery)

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

<script>
$(document).ready(function() {
     $('#ID_Кнопки_закрыть').on('click',function(){
     src = $('#ID_YouTube_или_Vimeo').attr('src');
     $('#ID_YouTube_или_Vimeo').attr('src', src + '&autoplay=0');
     });
});
</script>
Это надо отметить! Официант! Четыреста капель валерьянки и салат.

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

Gudwinn
Эксперт
Эксперт
Сообщения: 1419
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Адаптивный Lightbox с ограничением по ширине и высоте

Сообщение Gudwinn » 04 апр 2021, 19:35

Я чё то не совсем понял, а в чём сложность создать например своё всплывающее окно на тех же событиях допустим штатными средствами билдера, и адаптировать его как угодно вообще?
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

spoon
Эксперт
Эксперт
Сообщения: 1469
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Адаптивный Lightbox с ограничением по ширине и высоте

Сообщение spoon » 04 апр 2021, 19:41

Не понимаю, что привязались к этому лайтбоксу, есть слой с функцией молального окна и не нужно ни какого лайтбокс.
Съешь ещё этих мягких французских булок, да выпей чаю!
Мой skype xmen1005

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

Korban
Экспериментатор
Экспериментатор
Сообщения: 80
Зарегистрирован: 25 авг 2013, 22:38
Версия Web Builder: 11.0.5

Адаптивный Lightbox с ограничением по ширине и высоте

Сообщение Korban » 12 апр 2021, 16:18

Gudwinn писал(а):Я чё то не совсем понял, а в чём сложность создать например своё всплывающее окно на тех же событиях допустим штатными средствами билдера, и адаптировать его как угодно вообще?

а можно подробнее?
Смотрите у меня задача -чтобы видео открывалось в отдельном окошке, я сделал html видео, которое открывается в лайтбоксе

но на мобилах ( в точке 320) лайтбокс открывается лайтбокс размером 640х380 и соответственно вылазит за пределы сайта

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

Korban
Экспериментатор
Экспериментатор
Сообщения: 80
Зарегистрирован: 25 авг 2013, 22:38
Версия Web Builder: 11.0.5

Адаптивный Lightbox с ограничением по ширине и высоте

Сообщение Korban » 13 апр 2021, 22:51

пожалуйста, обьясните как сделать чтобы лайтбокс медиаплеера менялся по размеру на разных точках останова

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

Eric
Продвинутый
Продвинутый
Сообщения: 376
Зарегистрирован: 19 дек 2018, 17:40
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Адаптивный Lightbox с ограничением по ширине и высоте

Сообщение Eric » 14 апр 2021, 01:38

Что вы привязались к этому лайбоксу https://disk.yandex.ua/d/9d1N72GJMeXI7A
FancyBox или слои.
Это надо отметить! Официант! Четыреста капель валерьянки и салат.

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

spoon
Эксперт
Эксперт
Сообщения: 1469
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Адаптивный Lightbox с ограничением по ширине и высоте

Сообщение spoon » 14 апр 2021, 06:56

Eric писал(а):Что вы привязались к этому лайбоксу

:-(((-:
Съешь ещё этих мягких французских булок, да выпей чаю!
Мой skype xmen1005

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

Eric
Продвинутый
Продвинутый
Сообщения: 376
Зарегистрирован: 19 дек 2018, 17:40
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Адаптивный Lightbox с ограничением по ширине и высоте

Сообщение Eric » 14 апр 2021, 10:30

spoon писал(а): Не понимаю, что привязались к этому лайтбоксу

::yaz-yk:
Это надо отметить! Официант! Четыреста капель валерьянки и салат.


Ответить Вложения 2

Вернуться в «Адаптивный и мобильный веб-дизайн.»

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

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