I have a site with some very tall images. I\'d like for these images to respond in a responsive way horizontally, but not vertically. If they conform to the height of the br
Try combining the fitToView
and maxWidth
API options like :
$('.thumbs_small').fancybox({
openEffect: 'elastic',
closeEffect: 'elastic',
prevEffect: 'fade',
nextEffect: 'fade',
fitToView: false, // images won't be scaled to fit to browser's height
maxWidth: "90%" // images won't exceed the browser's width
});
Check JSFIDDLE