Problème d’alignement vertical des images avec Mediabox

garulfo2

Juillet 2012

Bonjour,
Depuis que j’ai fais la mise à jour de spip d’une version 2.X à la 3.0.2 j’ai un soucis avec mes images.
J’utilise le plugins Mediabox fourni, tout marche très bien si ce n’est que la position verticale est mal calculée et que l’image n’est pas centrée verticalement. En fait le haut de l’image est toujours mise au centre de la fenêtre.
Du coup l’image est toujours trop basse.
j’ai parcouru en long et en large les CSS etc... mais j’ai rien trouvé si ce n’est que la valeur top est fausse.
Est-ce quelqu’un à une idée ?
Merci d’avance pour votre aide.

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

F.

Juillet 2012

Bonjour,
j’ai le même problème. As-tu trouvé la solution ?
Merci d’avance
Indiquez l’intérêt que vous portez à cette réponse

0
Juillet 2012
Hello,
Content de voir que je ne suis pas le seul a avoir ce soucis. Le seul moyen que j’ai trouvé c’est de surcharger la class css avec un !important et fixant le top à 20px par exemple.
Exemple: #colorbox { top:20px !important ; }
Ca force l’image à s’afficher tout en haut.
C’est pas génial mais pour le moment j’ai pas mieux :-(
Indiquez l’intérêt que vous portez à cette réponse

0

F.

Juillet 2012

Merci beaucoup pour cette astuce, qui ne résout que partiellement le problème : la photo s’affiche en haut de page, ce qui pose problème lorsque la page est longue et que la miniature est en bas. Le plugin d’origine la plaçait au milieu de l’écran...

Le premier qui trouve une solution prévient l’autre, à moins que quelqu’un ne nous aide !
Indiquez l’intérêt que vous portez à cette réponse

0

F.

Août 2012

Bonjour,

j’ai résolu le pb de manière radicale, en récrivant le site !
Mes squelettes dataient depuis spip 1.9 ou 2, je les ai recréés en partant de la Dist de Spip 3, et maintenant ça fonctionne correctement !
Du coup, je ne saurai jamais à quel niveau ça coinçait !

Bonne chance de ton coté !

F.
Indiquez l’intérêt que vous portez à cette réponse

0

Sylvain

Octobre 2012

Alors moi, j’avais le même problème, et suite à la dernière réponse, j’ai testé un truc : j’ai modifié le doctype, j’ai pris celui de la dist (xhtml au lieu de html), et... incroyable, ça a fonctionné !
Indiquez l’intérêt que vous portez à cette réponse

0

Septembre 2014

Bonjour,

j’ai également été confronter à ce problème. j’utilise spip version SPIP 2.1.12.

J’ai dans un premier temps changer le document type mais sans résultat. La correction s’est faite dans le code javascript jquery.colorbox.js
plugins/mediabox/js
ligne 337 remplacez posTop = Math.max(document.documentElement.clientHeight - settings.h - loadedHeight - interfaceHeight, 0) / 2 + $window.scrollTop(),
avec posTop = Math.max($window.height() - settings.h - loadedHeight - interfaceHeight, 0) / 2 + $window.scrollTop(),

et posLeft = Math.max($window.width() - settings.w - loadedWidth - interfaceWidth, 0) / 2 + $window.scrollLeft() ;