JavaScript Frage zu LightBox

Domi83 · 30. Juni 2013

Hallo Leute, ich habe mal eine kleine Frage an Euch...
Hat schon mal jemand die Lightbox 2 von lokeshdhakar ausprobiert? Ich habe die Lightbox auf einer Testseite installiert, um es zu testen. Aber es scheint nicht die Bilder zu laden...

Das Overlay was über die komplette Seite gelagert wird funktioniert und dunkelt alles ab, aber das Image wird nicht geladen...

Hat jemand von Euch eine Idee, oder einen besseren Tipp für mich?
Gruß, Domi

DMHas · 30. Juni 2013

Hallo Domi83,

ich benutze ebenfalls diese Lightbox für meine Webseite. Der Fehler, wie du ihn beschreibst, trat bei mir immer auf wenn der Pfad zu den Bildern nicht stimmte. Daher kontrolliere einmal, ob der Pfad für die Bilder stimmt ..... (Linkadresse des Bildes in der Adresszeile des Browsers eingeben - dann sollte dieser da Bild anzeigen).

Domi83 · 30. Juni 2013

Moin, dass hatte ich mir auch fast gedacht und mal geschaut. Aber kein Erfolg... verwendest Du eine absolute Pfadangabe? Und was noch interessant wäre, liegen deine Bilder im Verzeichnis "images" oder "img"?

Nachtrag: Ich habe jetzt mal meinen HTML Code beigefügt... vielleicht fällt ja irgend etwas dabei auf.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html lang="de">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <base href="http://www.xxx.de/lightbox/">
  <title>Lightbox 2</title>
  <link media="screen" href="css/lightbox.css" rel="stylesheet">
  <script src="js/jquery-1.10.1.min.js"></script>
  <script src="js/lightbox.js"></script>
 </head>
 <body>
  <a title="Test" rel="lightbox" href="images/img_0289.jpg"><img title="Test" alt="Test" src="images/img_0289_klein.jpg"></a>
 </body>
</html>

SymA · 30. Juni 2013

Dieser Fehler tritt auf, wenn das angegebene Bild nicht existiert beziehungsweise die Pfadangabe nicht stimmt

. Lass dir vor dem Einbinden mal den Pfad ausgeben und vergleiche ihn ob er auch richtig ist.

QXARE · 30. Juni 2013

Es ist egal, in welchem Verzeichnis das Bild liegt und ob der Pfad zum Bild relativ oder absolut ist. Probier mal den Pfad zum Bild in einem <img /> Tag zu hinterlegen und schau, ob es geladen werden kann.

DMHas · 30. Juni 2013

Für die Bilder habe ich separate Ordner angelegt, damit ich selber den Überblick behalte ...

In dem Ordner "images" des lightbox-Ordners sind bloß die Grafiken hinterlegt, die man angezeigt bekommt für "Laden, "Vor, "Zurück".

Dies ist mein Aufruf für die Lightbox-Bilder:

<a href="../../../../bilder/australien/tag1/tag1_02.jpg" rel="lightbox[AT1]" title="Spaziergang Darwin">...

Rot = Pfad zum Bild

Wichtig sind die Punkte mit Schrägstrich, da ich alles relativ angeben habe, um es zu Lokal testen zu können. Bei mir lag dort immer der Fehler, da für jede Ordnerebene dieser angepasst werden muß.

Domi83 · 30. Juni 2013

Moin Ihr beiden, dass mit der URL vom Bild hatte ich schon einmal ausprobiert, zum testen... allerdings kein Erfolg. Mein Beispiel habe ich mal hier hoch geladen. Vielleicht ist das dann einfacher.

QXARE · 30. Juni 2013

Es scheint ein Problem mit den neuen jQuery Versionen und diesem Lightbox Script zu geben. Siehe Stack Overflow.

Domi83 · 30. Juni 2013

Danke für den Tipp... ich habe es mir jetzt ganz einfach gemacht und "jquery-1.8.3.min.js" eingebunden... alternativ probiere ich noch mal "jquery-1.9.0.min.js", aber jetzt geht es

Nachtrag: Okay, mit v1.8.3 funktioniert es und mit den 1.9.x und 1.10.x funktioniert es nicht.

Suche

JavaScript Frage zu LightBox

Domi83

Rear Admiral

DMHas

Lt. Commander

Domi83

Rear Admiral

SymA

Captain

QXARE

Lt. Commander

DMHas

Lt. Commander

Domi83

Rear Admiral

QXARE

Lt. Commander

Domi83

Rear Admiral

Ähnliche Themen