Discussion :

[stefanelle]

Bonjour,

j'utilise le composant lightbox qui au passage est très bien cependant dans mon js j'ai un bout de code qui positionne ma lightbox de haut en bas et de gauche a droite je souhaiterais que plutôt que d'avoir un valeur du type 33% je puisse mettre margin 0 auto par exemple avez vous une idée ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var arrayPageScroll = document.viewport.getScrollOffsets();
var lightboxTop = arrayPageScroll[1] + (document.viewport.getHeight() / 10);
var lightboxLeft = arrayPageScroll[0];
this.lightbox.setStyle({ top: lightboxTop + 'px', left: lightboxLeft + '33%' }).show();
 
this.changeImage(imageNum);

Merci de votre aide

[OButterlin]

Je ne comprends pas ton besoin, pourrais-tu être plus précise ?

[stefanelle]

"precis"

alors j'ai ce bout de code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.lightbox.setStyle({ top: lightboxTop + 'px', left: lightboxLeft + '33%' }).show();

si je mets

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

lightboxLeft + '180px'

par exemple ma lightbox sera décale de 180px sur la droite

je souhaiterais pouvoir mettre une valeur qui centre automatiquement ma lightbox horizontalement.

Merci

[OButterlin]

"precis"

Oups !!

Pour centrer il faut récupérer la taille de la zone d'affichage et faire le calcul pour déterminer l'attribut "left" et/ou "top".
Le problème (à mon sens) est qu'il faudra d'abord afficher la popup pour pouvoir déterminer sa taille et ajuster ensuite sa position.

Mais bon, je ne connais pas cette bibliothèque, je te suggère un déplacement de cette discussion dans le forum "javascript" qui me paraît plus approprié