есть сайт https://editpress.ru/Home/Item/?id=1fcd1a9e-fb36-47ca-803c-018b41293aaa на нем подключен fancybox. Оригинальные картинки малы сами по себе. Как их увеличить в popup окне?
1 ответ
$(".fancybox")
.attr('rel', 'gallery')
.fancybox({
padding : 0,
margin : 5,
nextEffect : 'fade',
prevEffect : 'none',
autoCenter : false,
afterLoad : function () {
$.extend(this, {
aspectRatio : false,
type : 'html',
width : '100%',
height : '100%',
content : '<div class="fancybox-image" style="background-image:url(' + this.href + '); background-size: cover; background-position:50% 50%;background-repeat:no-repeat;height:100%;width:100%;" /></div>'
});
}
});
вот это немного помогло, но теперь картинка обрезается в модальном окне
<img width= height=
есть теги задающие размер. Достаточно задать один из них больше размера - и размер увеличится.{position:relative; .... }
тогда width и height будут иметь силу.