Colorbox maxWidth, maxHeight ne fonctionne pas
J'ai des problèmes pour définir colorbox en utilisant uniquement la fenêtre d'affichage disponibles. Dès que j'ai mis le maxHeight ou maxWidth attribut, aucune image ne sera affichée. La colorbox s'ouvre, mais reste à la "roue qui tourne".
function showImage(e) {
$.colorbox({href:$(e.currentTarget).attr("src")}); }
jQuery(document).ready(function () {
$('.popout').on("click", showImage);
$('.popout').colorbox({rel:'popout', maxWidth:'95%', maxHeight:'95%'}); });
<img class="popout" src="my.jpg" alt="" width="500" height="373" />
alors, quel est le problème avec mon code ? Ou ai-je besoin de définir d'autres attributs pour obtenir maxWidth/hauteur de travail ?
Vous devez vous connecter pour publier un commentaire.
Sons, comme vous, sont à l'origine d'une erreur JS (vérifiez votre navigateur de la console de développement).
Cependant, votre approche a des problèmes. Essayez plutôt ceci:
Alors que je sais que c'est une vieille question. Je souhaite juste ajouter une réponse à des fins de référence que j'ai trouvé utile, avec cette question.
Afin de définir un maxWidth ou maxHeight sur la colorbox il convient également de définir la largeur et la hauteur de la première. Le maxWidth et maxHeight ne doit être définie comme limite à la taille que l'image devrait se charger.
Pour mobile fenêtres en général j'ai mis ma fonction comme suit, ce qui assure la colorbox ne jamais charger une image plus grande que 800px pour de plus grands écrans. Les petits écrans, la colorbox à 90% de la largeur.
Exemple de Code ci-dessous uniquement à l'aide de la largeur et de la maxWidth attributs:
J'espère que cela aide ceux qui sont encore en trébuchant sur cette question.