Fancybox - Wie mache ich alles, was aus der Box schwarz ist?

Ich weiß nicht viel über Fancybox, und ich bin verwirrt über alle Dateien. Ich denke, ich habe eine einfache Frage, aber ich kann die Antwort online nicht finden. Muss so einfach sein, dass niemand fragt, oder ich bin nicht gut darin, online zu suchen.Fancybox - Wie mache ich alles, was aus der Box schwarz ist?

Ich benutze Fancybox mit einem iframe, und fragte mich, wie ich das Zeug, das außerhalb der Fancybox ist, ganz schwarz sein könnte? Ich möchte nur, dass der iFrame sichtbar ist, oder vielleicht die Außenseite zu 90% schwarz machen. Wo würde ich das machen? In welcher Datei? Es gibt so viele Dateien.

Ich habe eine andere Frage. Wie kann ich den Iframe schließen, indem ich irgendwo klicke? Ich erinnere mich, dass es zuerst so war, und dann änderte ich es so, dass es nur durch Klicken auf das X geschlossen wurde. Ich erinnere mich nicht, welche Datei ich modifiziert hatte. :/

Vielen Dank!

Quelle

2012-04-12 Guillermo Moreno

Wenn Sie mit fancybox V2

Sie können in dieser Datei finden Sie unter: jquery.fancybox.css

Suche:

/* Overlay helper */ 

#fancybox-overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    overflow: hidden; 
    display: none; 
    z-index: 1001; 
    background: #000; 
}

add:

opacity: 1 !important;

Opazität ist ein double value also, wenn Sie 90% Opazität wollen, ist es: 0.90

Quelle

2012-04-12 18:19:15

Vielen Dank! Ich benutze Fancybox 1.3.4, und es funktionierte, aber die Farbe ist immer grau, auch wenn ich die Hintergrundfarbe ändere. Vielleicht ist Hintergrund für etwas anderes dann? –

Sie müssen die wichtige Anweisung zum Hintergrund hinzufügen, wenn Sie sie überschreiben möchten. –

Unter der Annahme, dass Sie mit einem html öffnen fancybox wie:

<a href="page.html" class="fancybox">open page</a>

Keine Notwendigkeit, jede Datei zu ändern, fügen Sie einfach die richtigen Optionen (für fancybox v1.3.4) zu Ihren benutzerdefinierten Skript wie:

$(".fancybox").fancybox({ 
"overlayColor": "#000", // here you set the background black 
"overlayOpacity": 1, // here you set the transparency of background: 1 = opaque 
"hideOnOverlayClick": true, // if true, closes fancybox when clicking OUTSIDE the box 
"hideOnContentClick": true, // if true, closes fancybox when clicking INSIDE the box 
"type": "iframe" // the type of content : iframe for external pages 
"width": 640, // if type=iframe is always smart to set dimensions 
"height": 320 
});

Beachten Sie, dass Boolean und/oder integer Werte sollten nicht zitiert haben

Für andere Optionen read the documentation

Quelle

2012-04-13 01:03:08 JFK

Fancybox - Wie mache ich alles, was aus der Box schwarz ist?

Antwort

Verwandte Themen