Zum Inhalt springen

rgsmoothgallery slightbox Website-Transparenz

Erstellt am 20. Januar 2010 · 2 Antworten · letzte Antwort am 20. Januar 2010

Tags: Bilder, HTML & CSS, Frage

dirk.​f ·

Hallo allerseits,

wenn in der Smoothgallery (rgsmoothgallery) die Lightbox öffnet, wird die Website im Hintergrund abgedunkelt (transparent).
Wo kann ich den Grad der Transparenz (opacity) einstellen?
In der /ext/rgsmoothgallery/res/css/slightbox.css
kann ich nur unter

#rglbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index: 15;
}

die Farbe mit background-color ändern.

Die zusätzliche Eingabe in #rglbOverlay von

	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;

bleibt ohne Effekt.
Die Website hinter der Lightbox ist nur schwach zu sehen. Ich hätte sie gerne deutlicher.

Grüße
Dirk

igorshmigor ·

Das liegt daran, dass per JavaScript die Deckkraft direkt als Style dem Div zugewiesen wird. Das müsstest Du im StyleSheet mit !important überschreiben können, also z.B:

#rglbOverlay {opacity:0.5 !important}

Ich kenne mich mit mootools nicht so aus, aber ich glaube die Deckkraft-Zuweisung per JavaScript geschieht in der Datei slightbox107.js in der Zeile 144:

this.fx.overlay.custom(0.8-);
dirk.​f ·

Danke für die Hilfe!

Es ist tatsächlich der Eintrag:

this.fx.overlay.custom(0.8-);

Der Eintrag kommt allerdings zweimal vor (Zeile 144 und 346)
Die Änderung des Wertes in Zeile 346 z. B. auf

this.fx.overlay.custom(0.3);

funktioniert.
Der Hintergrund (Website) wird deutlich sichtbarer.