Can Fancybox be responsive only horizontally for tall content?

by

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

More Related Contents:

  1. Fancybox doesn’t work with jQuery v1.9.0 [ f.browser is undefined / Cannot read property ‘msie’ ]
  2. fancy box work with iframes in beforeShow function?
  3. Fancybox stuck loading iframe in IE
  4. Fancybox links don’t show in lightbox – what am i missing?
  5. call Fancybox in parent from iframe
  6. Delay pop-up for 10 seconds, only pop up once
  7. How do I hide the tooltip on hover from the title tag when using FancyBox 2.0?
  8. jquery fancybox 2.0.3 – prevent close on click outside of fancybox
  9. How to create separate Fancybox galleries on the same page?
  10. HTML Attribute rel Errors using fancyBox
  11. Unable to load google in iframe in fancybox
  12. How to create a direct link to any fancybox box
  13. How to launch jQuery Fancybox on page load?
  14. How do you resize Fancybox at runtime?
  15. Fancybox: iframe doesn’t work
  16. Fancybox2 – different content for tooltip and image title, both from title attribute?
  17. fancybox2 / fancybox causes page to to jump to the top
  18. How do I make fancybox href dynamic?
  19. Fancybox (jQuery) – Passing information from parent to iframe and iframe back to parent
  20. Open YouTube video in Fancybox jQuery
  21. How to select JSF components using jQuery?
  22. Electron: jQuery is not defined
  23. jQuery: Difference between position() and offset()
  24. How to detect scroll direction
  25. Select2 doesn’t work when embedded in a bootstrap modal
  26. How to check what version of jQuery is loaded?
  27. jQuery Validate Required Select
  28. How to make Asynchronous(AJAX) File Upload using iframe?
  29. jQuery animate scroll
  30. JSON parsing error syntax error unexpected end of input

Leave a Comment