✔ Lightbox im Hintergrund

[dekzn]

Hallo zusammen,

ich habe auf meiner Website einen Imageslider (javascript) und wollte nun im Contentbereich ein Lightboxscript (ebenfalls javascript) einbauen. Funktioniert auch soweit, nur dass das angeklickte Bild nicht im Vordergrund ist. Sondern der Imageslider ist da zu sehen und das eigentliche Bild liegt dahinter. Quasi liegt der Slider eine Ebene höher als die Lightbox. Wie kann ich das ändern?

Danke für eure Hilfe

 

[Maik]

Quasi liegt der Slider eine Ebene höher als die Lightbox. Wie kann ich das ändern?

Die z-index-Regeln beider Objekte überprüfen und vergleichen. Der höchste Wert liegt in der Schichtposition ganz oben / vorne.

Da dies offensichtlich kein Javascript-Problem, sondern vielmehr eine Frage der CSS-Formatierung darstellt, verschiebe ich das Thema entsprechend.

mfg Maik

 

[dekzn]

ja okay, klingt logisch aber wie bekomme ich denn raus welches element welchen z index hat? in den *.css dateien steht nirgendwo ein solcher befehl

 

[Maik]

Das Stylesheet http://www.huddletogether.com/projects/lightbox2/css/lightbox.css dieser Lightbox besitzt nicht nur eine z-index-Regel.

Oder von welchem "Lightbox"-Script sprichst du?

Firebug unterstützt dich, die CSS-Eigenschaften einzelner Elemente im Markup zu ermitteln.

mfg Maik

 

[dekzn]

die hier

http://dynamicdrive.com/dynamicindex4/lightbox/

 

[Maik]

Das ist der Vorgänger der aktuellen Lightbox2 - siehe den Kommentar und die darin genannten Links zu Beginn des Javascripts:

/*
Lightbox JS: Fullsize Image Overlays
by Lokesh Dhakar - http://www.huddletogether.com

For more information on this script, visit:
http://huddletogether.com/projects/lightbox/

Script featured on Dynamic Drive code library Jan 24th, 06':
http://www.dynamicdrive.com

Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/
(basically, do anything you want, just leave my name and link)

Table of Contents
-----------------
Configuration

...

*/

Die (gleichlautende) z-index-Regel findest du in dieser Variante in Zeile 349 von lightbox.js:

objLightbox.style.zIndex = '100';

Demnach besitzt das andere Objekt eine höhere Schichtposition (101+).

mfg Maik

 

[dekzn]

okay. dann setzt ich das mal morgen auf 1000 und schaue was passiert

 

[Maik]

okay. dann setzt ich das mal morgen auf 1000 und schaue was passiert

Warum schaust du nicht direkt, was für das andere JS-Objekt als Schichtposition festgelegt wurde? Wenn im CSS nix steht, schaust du eben im JS-Code nach - so wie beim Lightbox-Script.

Die Methode dürfte weitaus effektiver und zielführender sein, sollte der Wert über 1000 liegen

Und vernachlässige in deinen Beiträgen bitte nicht unsere Netiquette bzgl. der Groß- und Kleinschreibung, auf die in fetten Lettern oberhalb des Texteditors hingewiesen wird:

Bitte halte dich an die hier praktizierte Netiquette. Dies betrifft vor allem eine verständliche Ausdrucksweise sowie eine vernünftige Groß- und Kleinschreibung. Danke.

mfg Maik

 

[dekzn]

Ja, Verzeihung der Herr.

Hat soweit geklappt, ein Danke dafür!

Christian