[Plugin Lightbox] Bild öffnet sich im Fenster

User avatar
janiekmulder
Master Bludit
Posts: 85
Joined: Sun Jun 28, 2020 2:21 pm

Hallo zusammen,

ich habe das Plugin Lightbox installiert und nach Anweisung ein Bild in eine Seite eingefügt. Sodann habe ich den Link eingebaut und entsprechend mit den Attributen versehen.

So sieht der Link nun aus:

Code: Select all

<a href="http://localhost/bl-content/uploads/pages/7b78f44a9c529cc29e1b7e4ed01b17eb/img_0001.jpg" data-lightbox="img_0001" data-title="Die erste Lightbox"><img src="http://localhost/bludit_test/admin/edit-content/bl-content/uploads/pages/7b78f44a9c529cc29e1b7e4ed01b17eb/img_0001.jpg"></a>
Leider öffnet sich das Bild nicht in einer Box, sondern in einem Browserfenster.

Das Plugin ist die neueste Version v1.3 im offiziellen Repository, Bludit ist v3.13.1.

Gibt es noch andere Einstellungen, die zu beachten sind, damit die Lightbox funktioniert?

Schönen Gruß
Janiek
User avatar
Edi
Site Admin
Posts: 2079
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Contact:

Ein Problem können die Pfade zu den Skripts sein. Mit einem neuen Installationspaket sollte es vermieden werden.

Du kannst es herunterladen unter

https://github.com/clickwork-git/lightb ... ghtbox.zip
Planet Bludit, Tipps, Snippets und nützliche Links. - Newsletter, Informationen zu Bludit (auf Deutsch).
User avatar
janiekmulder
Master Bludit
Posts: 85
Joined: Sun Jun 28, 2020 2:21 pm

Edi wrote: Sun Aug 02, 2020 5:37 pm Ein Problem können die Pfade zu den Skripts sein. Mit einem neuen Installationspaket sollte es vermieden werden.

Du kannst es herunterladen unter

https://github.com/clickwork-git/lightb ... ghtbox.zip
Leider keine Änderung. Getestet mit Chrome, Chromium, Vivaldi, FireFox und Konqueror auf Debian 10.
User avatar
Edi
Site Admin
Posts: 2079
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Contact:

Gibt die Browserkonsole eine Fehlermeldung?
Planet Bludit, Tipps, Snippets und nützliche Links. - Newsletter, Informationen zu Bludit (auf Deutsch).
User avatar
janiekmulder
Master Bludit
Posts: 85
Joined: Sun Jun 28, 2020 2:21 pm

Edi wrote: Sun Aug 02, 2020 11:38 pm Gibt die Browserkonsole eine Fehlermeldung?
Wenn ich die Seite, in der das Bild, oder die Galerie enthalten ist, enthalten ist aufrufe, erscheint folgende Meldung in der Konsole:
lightbox.js:72 Uncaught TypeError: $ is not a function
at Lightbox.enable (lightbox.js:72)
at Lightbox.init (lightbox.js:64)
at new Lightbox (lightbox.js:32)
at lightbox.js:452
at lightbox.js:25
at lightbox.js:27
Sobald ich auf das Bild klicke, leert sich die Konsole und sie bleibt blitzeblank. Kein weiterer Eintrag.
User avatar
Edi
Site Admin
Posts: 2079
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Contact:

janiekmulder wrote: Fri Jul 31, 2020 7:09 pm

Code: Select all

<a href="http://localhost/bl-content/uploads/pages/7b78f44a9c529cc29e1b7e4ed01b17eb/img_0001.jpg" data-lightbox="img_0001" data-title="Die erste Lightbox"><img src="http://localhost/bludit_test/admin/edit-content/bl-content/uploads/pages/7b78f44a9c529cc29e1b7e4ed01b17eb/img_0001.jpg"></a>
Ich habe mir den Code nicht angeschaut. :oops:

Der zweite Link stimmt nicht. Er müsste folgende Form haben:

<img src="[path to the image]/image_001.jpg">

D. h., die Links von href und src müssen identisch sein.
Planet Bludit, Tipps, Snippets und nützliche Links. - Newsletter, Informationen zu Bludit (auf Deutsch).
User avatar
janiekmulder
Master Bludit
Posts: 85
Joined: Sun Jun 28, 2020 2:21 pm

Keine Änderung, wenn die Pfade tatsächlich gleich sind.

Das ist der Code:

Code: Select all

<p>Und noch ein Versuch wegen der Pfade:</p>
<p></p>
<p><a href="http://localhost/bludit_test/bl-content/uploads/pages/7b78f44a9c529cc29e1b7e4ed01b17eb/img_0001.jpg" data-lightbox="img_0001" data-title="Die erste Lightbox"><img src="http://localhost/bludit_test/bl-content/uploads/pages/7b78f44a9c529cc29e1b7e4ed01b17eb/img_0001.jpg"></a></p>
<p></p>
<p>Ein normales Bild:</p>
<p><img src="http://localhost/bludit_test/bl-content/uploads/pages/7b78f44a9c529cc29e1b7e4ed01b17eb/img_0001.jpg" alt="img_0001.jpg"> </p>
Der erste Eintrag soll für die Lightbox sein.
Der zweite Eintrag ist einfach nur das eingefügte Bild von der gleichen Quelle.

Im Gegensatz zur README.md werden relative Pfadangaben nach dem Speichern in absolute Pfade umgewandelt. Irgendwie komisch, weil sie dann nicht mehr stimmen.

Aus
<img src="/bl-content/uploads/pages/7b78f44a9c529cc29e1b7e4ed01b17eb/img_0001.jpg
wird
Der Oberordner /bludit_test fehlt dann.

Entweder ist die README.md nicht aktuell oder das Script hat einen Bug oder ich bin schlicht und ergreifend zu dämlich.

Wie ist das mit den Pfadangaben? Ich habe das in einem anderem Thread gelesen. Nach der Aktualisierung des Plugins hat es bei dem Kollegen dann funktioniert. Wo kann ich das mal prüfen, wie die Pfade bei mir liegen oder angepackt werden können?
User avatar
Edi
Site Admin
Posts: 2079
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Contact:

Grundsätzlich spielt es keine Rolle, ob ein absoluter oder relativer Pfad verwendet wird.

Der Editor TinyMCE ergänzt relative zu absoluten Pfaden. Wenn Du mit dem Bilder-Tool Bilder auf den Server lädst und einfügst, wird aber sowieso der absolute Pfad verwendet.

Offenbar ist Bludit nicht im Haupt-, sondern einem Unterverzeichnis installiert.

Ergänze bitte einmal die Datei .htaccess im Installationsverzeichnis mit folgendem Eintrag:

Code: Select all

# Base directory
RewriteBase /bludit_test/
statt

Code: Select all

# Base directory
RewriteBase /
Gibt es vielleicht noch eine andere Datei .htaccess im Hauptverzeichnis?
Planet Bludit, Tipps, Snippets und nützliche Links. - Newsletter, Informationen zu Bludit (auf Deutsch).
User avatar
janiekmulder
Master Bludit
Posts: 85
Joined: Sun Jun 28, 2020 2:21 pm

Der Unterordner ist gesetzt:

Code: Select all

# Base directory
RewriteBase /bludit_test/
Eine weitere .htaccess ist nicht vorhanden.
User avatar
Edi
Site Admin
Posts: 2079
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Contact:

Du kannst mir Deine Installation gerne mailen, damit ich mir das anschauen kann.
Planet Bludit, Tipps, Snippets und nützliche Links. - Newsletter, Informationen zu Bludit (auf Deutsch).
Post Reply