AW: und wieder mal lightbox
He Knolle,
nicht einfach auflegen! Wo war denn die Lösung für Dein Problem? Mir gehts nämlich genauso:
Nach der Programmierung scheint alles nahezu perfekt. Zumindest auf lokaler Ebene - in meinem Web.Dev Programm (MS Exp).
Nun hab ich mein Schmuckstück auf den Server gepackt und siehe da: Die Navi.gifs (Next, Prev, Load, Close) sind nicht zu sehen.
Irgendwas scheint bei der Referenzierung nicht zu laufen. Ich hab schon alles mögliche versucht - aber ich komm hier keinen Schritt weiter. Die gifs bleiben verschollen. Allerdings: Die Funktionalitäten sind alle vorhanden. Ich hab zwar kein gif wenn ich ein Bild weiter klicken will, aber die Funktion ist da (wenn ich mit dem Cursor an die Stelle klicke, wo ich eigentlich das gif erwarten würde).
Zum Coding:
In der lightbox.css hab ich folgendes stehen:
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#nextLink{ width: 49%; height: 100%; background-image: url('../Images/nextlabel.gif'); /* Trick IE into showing hover */ display: block; }
#prevLink{ width: 49%; height: 100%; background-image: url('../Images/prevlabel.gif'); /* Trick IE into showing hover */ display: block; }
#nextLink { right: 0; float: right;}
#prevLink { left: 0; float: left;}
#nextLink:visited:hover { background: url('../Images/nextlabel.gif') right 15% no-repeat; }
#prevLink:visited:hover { background: url('../Images/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover { background: url('../Images/nextlabel.gif') right 15% no-repeat; }
#prevLink:hover { background: url('../Images/prevlabel.gif') left 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
Muss ich vielleicht noch Einstellungen in der JS Datei ändern, damit die gifs auf dem Server zum Vorschein kommen??
Ich krieg hier echt nen nervöses Zucken langsam ...
Danke vorab für jeden sachdienlichen Hinweis!
Deran
