Здравствуйте. Подскажите, пожалуйста, или пните где почитать.. Гугл перерыл уже

очень много информации зачастую не по теме.
Вот сам скрипт у меня

jQuery(document).ready( function() {
jQuery('[data-fancybox-iframe]').fancybox({
'width' : '100%',
'max-width': '400px',
'height' : '100%',
'autoScale' : 'false',
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
});


1) Будет ли так работать 'max-width': '400px', или 'maxwidth': '400px', в JS? Или как сделать?
2) вообще я вместо строк
'width' : '100%',
'height' : '100%',
хотел указать стиль CSS и уже в стиле CSS эти параметры указывать с учетом расширения экрана пользователя.
Но не понял как указать какой стиль брать и нужно ли указывать конкретный файл стилей ил он подтянет из основной страницы-шаблона при выполнении скрипта.
Единственное, что понял - $('.slider') как то так можно указать стиль из которого брать параметры. Как конкретно в моем случае сделать не понял..

Так у вас здесь это параметры вызова функции

Вообще лучше почитать документацию fancybox, лучше неё Вам никто не поможет

https://webors.in.ua/fancybox-izmenyaemyie-parametryi-zapuska-skripta/

в том то и дело, что вот так не работает. окно все равно 100% jQuery(document).ready( function() { jQuery('[data-fancybox-iframe]').fancybox({ 'width' : '100%', 'maxWidth' : '400', 'height' : '100%', 'autoScale' : 'false', 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); });

Вроде разобрался :) Вам спасибо, что дали понять, что это параметры, а не js.

совет хорош, только самой документации в итоге я сколько не рыл так и не нашел.

ну и вот вам спасибо! Благодаря вам все получилось! перешел по ссылке и понял что у меня 1 версия и в ней нет этого параметра. Обновил fancybox до 3 версии и все получилось. Надо пошаманить конечно еще в css и тд.. Там вроде на много проще.

+

+

+

кстати по итогу я вышел вот сюда (уже не помню как). тут все есть. https://fancyapps.com/fancybox/