comment centrer correctement une requête ajax facebox?

Question

Mon modèle wordpress utilise Facebox pour afficher les images du portefeuille via des requêtes ajax.

Le problème est la charge d'images dans différentes positions en fonction de la taille de l'écran des téléspectateurs.

Mon modèle utilise

$('#facebox').css({ 
    top: getPageScroll()[1] + (getPageHeight()/10), 
    left: 385.5 
    }).show() 

Le site facebox utilise

$('#facebox').css({ 
    top: getPageScroll()[1] + (getPageHeight()/10), 
    left: $(window).width()/2 - 205 
}).show() 

Le site facebox affiche des images parfaitement mais quand j'utilise la même ligne avec mon modèle est ne présente pas correctement. Est-ce que quelqu'un peut me diriger dans la bonne direction pour que les images se chargent constamment au centre de l'écran?

Link to the portfolio site im trying to fix

Link to the facebox site

Answer 1

formule est la suivante: (window.width/2) - (target.width/2)

$('#facebox').css({ 
    top: getPageScroll()[1] + (getPageHeight()/10), 
    left: ($(window).width()/2) - ($('#facebox').outerWidth()/2) 
}).show() 

Remarque, votre facebox.css définit la div # facebox à une largeur de 710 pixels, bien que vos images soient plus larges. J'ai utilisé outerWidth() au lieu de width(), mais je ne sais pas si cela représente correctement la largeur de css 710px.