Размер фото в js лайтбоксе

Сообщение **Esox** » 13 мар 2021, 11:44

Добрый день.
Использую в проекте блоки Card (Карты) в котором есть функция вставки фото.
Все хорошо, но фото по ссылке может открываться только маленького размера, заданного во вкладке "общее"
Я задал свои параметры, но оно перестало открываться.
Что я сделал не так?
Спасибо.

Сообщение **Eric** » 13 мар 2021, 15:29

Где-то поднимался такой вопрос, в версии 11 работало нормально.
Может и примитивно, но я создавал отдельную страницу для картинки, саму картинку вставлял в сетку и делал ссылку на страницу. Ограничивал сетку по размеру, в изображении выставлял стиль contain, во всю ширину true, макс ширина по размеру сетки.
На точках останова может некрасиво выглядеть, если картинка узкая, будет белый фон внизу.
По fancybox viewtopic.php?f=27&t=6924&p=41553&hilit=fancybox#p41553

Сообщение **spoon** » 14 мар 2021, 07:43

Esox, Точку с запятой уберите и поставьте запятую.

Сообщение **Esox** » 15 мар 2021, 21:04

spoon, Попробовал, не получается.
Если размеры без px, то картинка как и прежде открывается в маленьком окне.
Если поставить значения в px, вообще ничего не открывается.

Сообщение **spoon** » 15 мар 2021, 21:30

Нинадо там ни чего ставить. Проект скиньте. Вообще эта тема была уже, поищите.

Сообщение **Esox** » 15 мар 2021, 23:31

Я поискал, тема поднималась, но решения нет.
Сейчас у меня это:
width:1920,
height:1282,
scrolling:'no',
autoScale:'true'

Картинка открывается в окне размеры которого заданы во вкладке "общие".

Сообщение **spoon** » 16 мар 2021, 06:33

какая версия js?

Сообщение **Esox** » 16 мар 2021, 10:23

В загрузке сайта стоит это:

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

<script src="scripts/jquery-1.12.4.min.js"></script>
<script src="scripts/jquery-ui.min.js"></script>
<script src="scripts/wb.panel.min.js"></script>
<link rel="stylesheet" href="magnificpopup/magnific-popup.css">
<script src="magnificpopup/jquery.magnific-popup.min.js"></script>
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css">
<script src="fancybox/jquery.easing-1.3.pack.js"></script>
<script src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script src="scripts/wwb16.min.js"></script>

Сообщение **spoon** » 16 мар 2021, 10:47

Попробуйте 1.7

Сообщение **Esox** » 16 мар 2021, 23:05

spoon,
Подскажите, в каком месте проекта это выставляется?
Спасибо.

Сообщение **spoon** » 17 мар 2021, 06:51

Свойство страницы-Дополнительно

Сообщение **Esox** » 17 мар 2021, 23:19

ничего не помогает ((
что же это за напасть такая?

Сообщение **Eric** » 18 мар 2021, 01:06

У вас magnificpopup открывается, не работал никогда с ним. Для fancybox последняя версия jquery 1.12.4. В русской версии на станице со ссылкой в свойствах страницы "Прочее" нужно убрать fancybox (заменить на что-то другое), жмем "Ок", открываем и выбираем заново fancybox, жмем "Ок", либо работать с английской версией.
В примере стили fancybox под себя перепиливал, под все случаи жизни не подойдет: https://disk.yandex.ua/d/GPAv5THV8Yo8tQ

Сообщение **Esox** » 18 мар 2021, 13:24

Eric, Спасибо вам огромное. Это сработало!!! Вы гений.
Spoon, Вам тоже огромное спасибо.

Отправлено спустя 20 минут 21 секунду:
У меня последний вопрос.
Фото открывается в лайтбоксе, все хорошо.
В настройках ссылки на изображение можно выставить размеры.
Это размеры окна, в котором это изображение открывается.
Вопрос, а как привязать размеры окна к размеру изображения, чтоб окно автоматом подстраивалось под размеры изо?
Код:
width:100%,
height:100%,
scrolling:'no',
autoScale:'true'

Не открывает фото вообще.

Сообщение **Eric** » 18 мар 2021, 14:02

Ну-у-у...

Тут наверно нужно в сторону других галерей копать, или например fancybox3 прикручивать. Не проще все изображения под один размер подогнать. Gimp, PhotoShop и Ваши творческие муки решены :-):

Но если это Вам так интересно почитайте autoDimensions, autoScale. Переводы на рус скидывал выше по теме. У меня не завелось, может лыжи не те, может... )))

Сообщение **Esox** » 18 мар 2021, 14:25

Все фото одного размера. И проблема в том, что окно лайтбокса растягивается на разных разрешениях монитора.
Т.е. окно лайтбокса адаптивно к размеру монитора, а фото остается в своих 1920x1282
Если задать размер 800x600, то окно уменьшится до этих размеров. Но и фото в нем тоже уменьшается, но не пропорционально размерам, а по каким-то не понятным алгоритмам.

Сообщение **Eric** » 18 мар 2021, 15:48

В моем примере работает? Посмотрите как сделана картинка папке img/img01.html (размеры сетки, размеры картинки, размер страницы), на разных экранах работало. Если при публикации билдер подключенные файлы заменяет своими, скопируйте папку fancybox из примера на хостинг.

https://cdn1.radikalno.ru/uploads/2021/ ... 5-full.jpg
Или скидывайте проект.