J’utilise fancyBox 2.1.5 et affiche des supports avec des titres multilignes en dessous.
Mon problème est que fancyBox semble réduire le nombre de supports pour tenter d’afficher de longs titres à l’écran. Ci-dessous, j’ai joint des captures d’écran de mon iPhone, là où c’est le plus évident.
Ici l’image est affichée en taille réelle car j’ai supprimé le titre:
Ici l’image est rétrécie, essayant de rendre compte du titre long:
J’aimerais que fancyBox ignore le texte du titre lors du dimensionnement du support et l’affiche toujours en taille réelle, comme dans la première image. Je suis d’accord pour avoir à faire défiler pour lire tout le texte du titre.
Merci pour toute aide!
Si vous êtes prêt à faire défiler pour lire tout le texte du title
, vous pouvez combiner les options fitToView
et maxWidth
pour obtenir la taille de votre support telle que vous le souhaitez sans ignorer le title
comme maxWidth
:
$(".fancybox").fancybox({ fitToView: false, // avoids media to shrink to fit in the viewport margin: [20, 60, 20, 60], maxWidth: "90%", // avoids bigger media to stretch outside the viewport boundaries helpers: { title: { type: "inside" } } });
Voir JSFIDDLE