Antworten auf deine Fragen:
Neues Thema erstellen

lightbox close buttons funktionieren nicht

vikiviki1

Noch nicht viel geschrieben

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
 
Zuletzt bearbeitet:

holgermerz

Nicht mehr ganz neu hier

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

Noch nicht viel geschrieben

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?
 
T

Titelfigur

Guest

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

Noch nicht viel geschrieben

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

Nicht mehr ganz neu hier

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
 
Zuletzt bearbeitet:

vikiviki1

Noch nicht viel geschrieben

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?
 

vikiviki1

Noch nicht viel geschrieben

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

Nicht mehr Newbie

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

Noch nicht viel geschrieben

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
 
Zuletzt bearbeitet:

ssandner

Nicht mehr Newbie

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

Noch nicht viel geschrieben

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?
 
Zuletzt bearbeitet:

ssandner

Nicht mehr Newbie

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:
 
Zuletzt bearbeitet:

vikiviki1

Noch nicht viel geschrieben

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

Aktives Mitglied

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">
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben