Я пробовал разные ответы отсюда, но результаты все те же ... Я запутался в этом, я действительно получил желаемый результат. Но у меня проблема с fancybox, я хотел бы поместить свое изображение в контейнер fancybox. (выложу фото) изображение, когда еще не щелкнули / изображение внутри fancybox

Другой образец, изображение, когда еще не щелкнули / изображение внутри fancybox Я использую этот код

PS: это на форуме, поэтому изображения будут случайными ..

$("#post_message_{vb:raw post.postid}").css({'transform': 'rotate(+90deg) translate(-56%)','transform-origin': 'bottom left','white-space': 'nowrap','max-height': '650px'});

$("#post_message_{vb:raw post.postid} ").css({'padding': '0% 0px 24% 0px','height': '0','display': 'table'});

$(document).ready(function() {
    $("#post_message_{vb:raw post.postid}").fancybox({                   
        beforeShow: function () {
            $(".fancybox-inner").css({
                "overflow-x": 'hidden'
            });
        },
        'autoSize': false,
        'fitToView': false,
        'autoResize': false,
        'autoCenter': false
    });               
});     
0
Quequequee 26 Ноя 2019 в 14:03
Но в чем проблема? Вы не умеете делать что-то вроде .img { width: 100% } ??
 – 
Janis
26 Ноя 2019 в 14:55

1 ответ

Используйте CSS, чтобы сделать ваше изображение шириной 100% или, возможно, установите object-fit: cover; (https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit). По сути, просто делайте все, что вы делали бы без fancybox.

0
Janis 26 Ноя 2019 в 14:57