jQuery: Centre de fancybox dans la fenêtre d'affichage

Je suis actuellement en utilisant fancybox version 2 pour afficher mes images quand une vignette est cliqué, mais je n'arrive pas à obtenir la fancybox pour rester dans le milieu de la fenêtre d'affichage, verticalement parlant, puisqu'à l'horizontale c'est la fin.

J'ai essayé pas mal de choses et c'est la dernière:

CSS

.fancybox-wrap { 
    position: fixed !important;
    top: 50px !important;
}

jQuery

jQuery(document).ready(function() {
    $(".fancybox-wrap").css("position", "absolute");

    //fancybox initialisation etc

});


$(window).scroll(function() {
    $('.fancybox-wrap').css('top', $(this).scrollTop() + "50px");
});

Quelqu'un a une idée?

Êtes-vous à l'aide de Fancybox V2? La page de démonstration ici ( fancyapps.com/fancybox ) semble fonctionner de centrage sur les deux axes. Pouvez-vous gve un lien vers votre page?
Salut @BillyMoat, je voudrais, mais c'est sur un serveur de dev et IP restriced :/ aussi, je pense que la fantaisie de la boîte est le centrant fine basée sur les dimensions de page mais j'ai besoin de centre basé sur la fenêtre d'affichage du navigateur que j'utilise dans un facebook toile page de l'application qui est assez grand et en fonction de la position de défilement vous avez besoin pour défiler vers le haut/bas pour ajuster l'image dans la fenêtre d'affichage

OriginalL'auteur martincarlin87 | 2012-08-22

  1. 3
    $(window).bind('resize', function() {
    var top = ($(window).height() / 2) - ($(".fancybox-wrap").outerHeight() / 2);
    var left = ($(window).width() / 2) - ($(".fancybox-wrap").outerWidth() / 2);
    $(".fancybox-wrap").css({ top: top, left: left});
}).trigger('resize');

    http://jsfiddle.net/aGhxK/23/

    OriginalL'auteur Sreedhar

  2. 3

    La seule chose que vous devez faire est d'ajouter de site web css

    html, body {height: 100%;}

    Et fancybox sera la position de l'image dans le centre de l'écran au lieu de centre de la page.

    OriginalL'auteur Marina Anayko

  3. 0

    Ce jeux de left et top à l'aide de position: absolute dinamically:

    http://jsfiddle.net/aGhxK/1/

    Salut @Vitor Ussui, merci pour votre réponse, je pense que votre réponse est fonctionne bien, mais il semble que si la fancybox est centrée basé sur le total de la hauteur de la page plutôt couru à la fenêtre d'affichage de la hauteur?
    Ensuite, il suffit de changer $(window) pour $(document). Le problème est que vous ne verrez pas si vous n'êtes pas dans le milieu de la page (en supposant que c'est plus haut que la fenêtre d'affichage). Dans ce cas, essayez cette http://jsfiddle.net/aGhxK/5/, de sorte que la zone sera toujours centré, même si vous faites défiler vers le bas.
    la dernière violon est parfait, mais pour une raison quelconque, mon album est toujours dans le milieu de la page, mais quand je scroll vers le haut ou vers le bas il ne reste pas dans la fenêtre d'affichage, je ne sais pas pourquoi....
    Avez-vous inspecté votre lightbox élément pour voir si elle est statique ou absolue? Aussi, assurez-vous d'utiliser $(window) en jQuery.
    Je pense qu'il peut avoir quelque chose à voir avec le facebook app page toile comme Billy Fossé a souligné, sur la fancybox 2 page de démonstration de la fancyboxes sont en fait apparaître exactement dans le centre de la fenêtre d'affichage mais ça ne se passe pas pour moi pour une raison quelconque.

    OriginalL'auteur Vitor Ussui