2012-04-13 4 views
0

Ich habe fancybox-Setup auf dieser Wordpress-Site: http://melisayavas.com/web/ Wenn ein Benutzer auf den unteren Link News-Abonnement klicken, erscheint die Ajax-Popup-Box, aber das Overlay schwebt nicht über den Hauptinhalt.jquery fancybox zeigt Overlay nicht korrekt an

Dies ist der fancybox Code, den ich verwendet:

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".fancybox").fancybox(); 
}); 

$(document).ready(function() { 
$(".various").fancybox({ 
    maxWidth : 800, 
    maxHeight : 600, 
    fitToView : true, 
    width  : '70%', 
    height  : '70%', 
    autoSize : true, 
    closeClick : false, 
    openEffect : 'none', 
    closeEffect : 'none' 
}); 
}); 
</script> 

Dies ist der Link, dass die fancybox AJAX shouwing: http://melisayavas.com/web/wp-content/themes/murtaugh-HTML5-Reset-Wordpress-Theme-8aa6329/subscribe.html - es ist ein MailChimp Form.

Ich habe keine Ahnung, warum das Overlay nicht richtig funktioniert ...

+0

Verwenden Sie fancyBox Version 1 oder 2? – Sparky

+0

Aktualisieren Sie die Seite? Es ist wirklich unfair, diese Community zu bitten, Ihnen zu helfen, während Sie noch Änderungen an der Demoseite vornehmen. – Sparky

Antwort

4

Sie haben einen 404-Fehler auf fancybox_sprite.png

http://melisayavas.com/web/wp-content/themes/murtaugh-HTML5-Reset-Wordpress-Theme-8aa6329/fancybox_sprite.png

EDIT:

Jetzt haben Sie ein Fehler 404 auf jquery.fancybox.css

http://melisayavas.com/web/wp-content/themes/murtaugh-HTML5-Reset-Wordpress-Theme-8aa6329/_/js/fancybox/source/jquery.fancybox.css?v=2.0.5

EDIT 2:

Jetzt ist Ihre Seite funktioniert gut. Nichts zu tun.

+0

Ich bin zurückgeblieben, Entschuldigung für die Verschwendung Ihrer Zeit. Der Pfad zum Skript war falsch. Ich habe es repariert und es funktioniert gut. Vielen Dank! –

+0

@GeorgeGrigorita, ich denke, es war der Pfad zu deinem CSS, der das Grundproblem war, denn wenn dein Script-Pfad falsch war, hättest du das Pop-Up nicht einmal gesehen. Bitte akzeptiere/stimme meine Antwort ab oder poste die Lösung und akzeptiere diese. Vielen Dank. – Sparky

+0

Ja, tut mir leid für die Verzögerung. Das Problem war in der Tat der Weg, nachdem ich den Weg festgelegt hatte, wurde das Problem auch behoben. Zu den Bildern (fancy_sprite.png etc) konnte ich die fancybox css mit den gleichen Elementen in style.css und! Wichtig überschreiben, so dass der Pfad zu den Bildern richtig war. Wie ich schon sagte, ein einfaches Problem mit Pfaden, das ich selbst hätte herausfinden sollen, leider war ich zu müde. Danke für die Antwort :) –