lightbox close buttons funktionieren nicht

vikiviki1 · 07.05.2013

Hallo,
habe auf einer website lightbox für die bildergalerie verwendet.
Ds problem ist, das über dem close button auch ein kleines fragezeichen zu sehen ist.
Das ist in allen Browser so. Ausser im Firefox, wo zwar kein fragezeichen zu sehen ist, aber der close button ist verzogen.
Dieses Fragezeichen stört, ich möchte es weg.
Vor und zurück Pfeile sind OK.

Link zu Site:

Ich hoffe jemand kann mir helfen.
Danke

holgermerz · 07.05.2013

AW: lightbox close buttons funktionieren nicht

Hallo, fehlende Bilddateien werden im FF nicht mit einem "X" angezeigt. Dir fehlt im Verzeichnis images die Datei closelabel.gif.
Kopiere die fehlende Datei in den Ordner, evtl. ist das Problem dann schon gelöst.

vikiviki1 · 08.05.2013

AW: lightbox close buttons funktionieren nicht

hallo.
danke, aber die Datei closelabel.gif befindet sich schon im Verzeichnis images.
Bitte, eine andere Idee der Problemursache?

Titelfigur · 08.05.2013

AW: lightbox close buttons funktionieren nicht

Ein Fragezeichen sehe ich nicht. Aber wenn du mit Verzerrung meinst, dass das Close-Label abgeschnitten wird, liegt das am zu geringen padding-bottom in der lightbox.css

Code:

#imageData #bottomNavClose {
    background: url("../images/closelabel.gif") no-repeat scroll center center transparent;
    float: right;
    outline: medium none;
    padding-bottom: 0.7em;
    width: 66px;


}

vikiviki1 · 08.05.2013

AW: lightbox close buttons funktionieren nicht

Hallo,
vielen dank.
ich habe padding-bottom auf 1.4em erhöht. Jetzt schaut es im Firefox gut aus.
Aber im Safari und Chrome ist noch immer ein fragezeichen bzw. ein komisches simbolchen zu sehen. Im IE habe ich noch nicht getestet.

Habe fotos angefügt um zu zeigen was ich meine:

Bitte, wie kriege ich das weg?

pacmanforever · 09.05.2013

AW: lightbox close buttons funktionieren nicht

in der css verweist du auf

Code:

url("../images/closelabel.gif")

als hintergrund für das eingentliche bild in der html

Code:

<img src=" 'hier fehlt was'  images/closelabel.gif      ">

ändere das in der html um auf ../images/closelable.gif

vikiviki1 · 09.05.2013

AW: lightbox close buttons funktionieren nicht

danke, aber leider funktioniert es überhaupt nicht.
habe schon alles ausprobiert.
es gibt kein html dokument wo ich das code ../images/closelable.gif angeben kann
ich habe es im lightbox.js geschrieben, aber dann werden die fotos überhaupt nicht ins lightbox geladen, sondern es öffnet sich jedes einzelne foto, was man jedes mal zumachen muß um wieder ins thumbsgalerie zu kommen usw.

lightbox.css ist:
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}

wenn ich das so umschreibe passt es wieder nicht:

#imageData #bottomNavClose {
float: right;
outline: medium none;
padding-bottom: 1.4em;
width: 66px;
background-attachment: fixed;
background-color: transparent;
background-image: url(../images/closelabel.gif );
background-position: center center;
background-repeat: no-repeat;

kann mir jemand helfen?

Titelfigur · 09.05.2013

AW: lightbox close buttons funktionieren nicht

url("../images/closelabel.gif") repeat scroll 0 0 transparent

Anführungszeichen vergessen?

vikiviki1 · 10.05.2013

AW: lightbox close buttons funktionieren nicht

nein, leider habe NICHT vergessen

#imageData #bottomNavClose {
float: right;
outline: medium none;
padding-bottom: 1.4em;
width: 66px;
background-attachment: scroll;
background-color: transparent;
background-image: url("../images/closelabel.gif");
background-position: center center;
background-repeat: no-repeat;
}

egal was ich mache, entweder ist das Fragezeichen statt dem closebutton oder die lightboxg. funktioniert nicht.
frustrierend…

ssandner · 10.05.2013

AW: lightbox close buttons funktionieren nicht

Also wenn ich in chrome einen rechtsclick auf den close-button mache und "element untersuchen" auswähle, dann sehe ich, dass Du auf
<img src="images/closelabel.gif"> verweist.
Muss es nicht <img src="../images/closelabel.gif"> heissen ?

vikiviki1 · 10.05.2013

AW: lightbox close buttons funktionieren nicht

Hi,
im lightbox.css steht:
#imageData #bottomNavClose{
background-image: url("../images/closelabel.gif");

im lightbox.js steht:
LightboxOptions = Object.extend({
fileBottomNavCloseImage: 'images/closelabel.gif',
und wenn ich das hier auf "../images/closelabel.gif" ändere passt wieder nicht, weil slider in der lightbox dann gar nicht funktioniert

thnx

ssandner · 10.05.2013

AW: lightbox close buttons funktionieren nicht

Wenn beide Dateien im selben Verszeichnis liegen, ist einer der Pfade falsch. Ich habe mal die absoluten Pfade angefügt, wie der Browser versucht die Bilder zu laden und sie nicht findet:

Code:

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.vrtovi-radovic.com/fotos/bg3.gif
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.vrtovi-radovic.com/htm/SpryAssets/SpryMenuBarRightHover.gif
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.vrtovi-radovic.com/htm/images/loading.gif
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.vrtovi-radovic.com/htm/images/closelabel.gif

vikiviki1 · 10.05.2013

AW: lightbox close buttons funktionieren nicht

nein, die zwei dateien liegen nicht im gleichen ordner .
lightbox.js liegt im ordner js
lightbox.css liegt im ordner css
Beide diese ordner sind im hauptverzeichnis.
Ich kenne mich weiter nicht aus.
Könntest du mir sagen was ich tun soll?

ssandner · 10.05.2013

AW: lightbox close buttons funktionieren nicht

Wo liegt denn der Ordner images? Überprüfe doch mal den absoluten Pfad.

Ich habe ja schon gepostet, wo der Browser nach dem Bild sucht und es nicht findet:

tatsächlich liegt die Datei aber unter

Um die Datei closelabel.gif zu erreichen, muss es also offensichtlich

../../images/closelabel.gif heißen.

Anmerkung zu relativen Pfaden:
Wenn Du images/closelabel.gif als Pfad angibst, bedeutet dies, das die datei im selben Verzeichnis im Unterordner images liegt. Wenn Du "../images/closelabel.gif" als Pfad angibst, dann soll der Browser eine Ebene rauf gehen und dann im parallel liegenden Ordner images die Datei öffnen soll.
(Bei ../../images/closelabel.gif geht es dementsprechend ZWEI Ebenen nach oben)
Siehe auch:

vikiviki1 · 12.05.2013

AW: lightbox close buttons funktionieren nicht

hi ssandner,
danke, ich werde jetzt alle pfade kontrolieren und
ich melde mich ob ich den feller gefunden habe.

lachender_engel · 12.05.2013

AW: lightbox close buttons funktionieren nicht

Ungeachtet dessen, dass Dateien nicht zu finden sind, kannst Du den Quellcode wie folgt ändern

HTML:

<a id="bottomNavClose" href="#"><img src=" images / closelabel.gif"></a>

in

HTML:

<a id="bottomNavClose" href="#"></a>

Du musst das Image für den Close-Button nicht angeben, da es schon in der CSS hinterlegt und durch die ID angezeigt wird.

Dein Grundsätzlicher Fehler ist jedoch der Pfad. Du trägst ein

HTML:

<img src=" images / closelabel.gif">

In Deinem Web muss es aber heißen

HTML:

<img src="../images/closelabel.gif">