fancybox n'est pas centrée

Question

J'utilise fancybox 1.3.4 pour montrer un peu de contenu dans la popup, mais le popup n'est pas centré dans le navigateur comment le réparer?

code html:

<a class="clickMe" title="" message="Last Updated: 10/1/2013">Privacy Policy</a> 

le code:

$("body").on("click", ".clickMe", function(){ 
    showAlertSized($(this).attr("title"), $(this).attr("message"), $(this).attr("width"), $(this).attr("height")); 
}); 
function showAlertSized(title, msg, width, height) { 
    debugger; 
    if(width === undefined){ 
     //width = 965; 
     width = '95%'; 
    } 
    if(height === undefined) { 
     //height = 700; 
     height = '95%'; 
    } 
    var content = '<h1>' + title + '</h1>' + 
     '<p class="msg">' + msg + '</p>' + 
     '<div class="fancy-btns"><input type="button" value="" onclick="closeAlert()" class="fancy-ok-btn" /></div>'; 
    $.fancybox({ 
     'content': content, 
     'hideOnOverlayClick': false, 
     'overlayOpacity' : 0.7, 
     'overlayColor' : '#777', 
     'width': width, 
     'height': height, 
     'autoDimensions': false, 
     'autoSize': false 
    }); 
} 

est ici la capture d'écran

Answer 1

votre largeur et la hauteur sont fixés à 95% de la fenêtre si la logique vous avoir 5% de largeur et de hauteur non comptabilisées. Essayez d'ajouter 'marge': 2,5% à votre appel d'initialisation de fancybox, cela devrait mettre une marge de 2,5% sur les 4 côtés de votre fancybox, le rendant parfaitement centré. Malheureusement, je suis incapable de tester cela ou de fournir un exemple codé, mais en théorie cela devrait fonctionner!