I'm trying to make the image in lightbox bigger similar to **hidden**
Here's a preview that utilizes a little CSS to create:
| Code: |
.fancybox-image-wrap {
width: 100% !important;
height: 100% !important;
transform: translate(0px, 0px) !important;
}
.fancybox-image {
height: inherit;
width: unset;
}
|
Unfortunately with this CSS clicking the image one cannot zoom in due to forcing the transform to 0px 0px. I attempted to create a jQuery version but it doesn't seem to apply:
| Code: |
$('.fancybox-image-wrap').attr('style', '.fancybox-image-wrap{width:100% !important;height:100% !important;transform:translate(0,0) !important;}');
$('.fancybox-image-wrap').click(function() {
if ($('.fancybox-can-zoomIn').length != 0) {
$('.fancybox-image-wrap').attr('style', '.fancybox-image-wrap{width:100% !important;height:100% !important;transform:translate(0,0) !important;}');
}
})
|
Thank you. 
