J’ai un site avec des images très hautes. J’aimerais que ces images répondent de manière réactive horizontalement, mais pas verticalement. S’ils sont conformes à la hauteur du navigateur, ils deviennent trop petits pour être visionnés correctement.
Y a-t-il un moyen simple d’accomplir cela qui me manque?
Voir un exemple ci-dessous. Cliquez sur la seconde miniature “bswift”, puis sur un petit carré gris pour lancer Fancybox. http://www.eaaronrossdesign.com/index2.php
Essayez de combiner les options de l’API fitToView
et maxWidth
, telles que:
$('.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 });
Vérifiez JSFIDDLE