Page 1 of 4

[Plugin Lightbox] Bild öffnet sich im Fenster

Posted: Fri Jul 31, 2020 7:09 pm
by janiekmulder
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

Re: [Plugin Lightbox] Bild öffnet sich im Fenster

Posted: Sun Aug 02, 2020 5:37 pm
by Edi
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

Re: [Plugin Lightbox] Bild öffnet sich im Fenster

Posted: Sun Aug 02, 2020 11:20 pm
by janiekmulder
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.

Re: [Plugin Lightbox] Bild öffnet sich im Fenster

Posted: Sun Aug 02, 2020 11:38 pm
by Edi
Gibt die Browserkonsole eine Fehlermeldung?

Re: [Plugin Lightbox] Bild öffnet sich im Fenster

Posted: Mon Aug 03, 2020 8:54 am
by janiekmulder
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.

Re: [Plugin Lightbox] Bild öffnet sich im Fenster

Posted: Mon Aug 03, 2020 1:33 pm
by Edi
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.

Re: [Plugin Lightbox] Bild öffnet sich im Fenster

Posted: Mon Aug 03, 2020 3:47 pm
by janiekmulder
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?

Re: [Plugin Lightbox] Bild öffnet sich im Fenster

Posted: Mon Aug 03, 2020 5:52 pm
by Edi
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?

Re: [Plugin Lightbox] Bild öffnet sich im Fenster

Posted: Mon Aug 03, 2020 10:48 pm
by janiekmulder
Der Unterordner ist gesetzt:

Code: Select all

# Base directory
RewriteBase /bludit_test/
Eine weitere .htaccess ist nicht vorhanden.

Re: [Plugin Lightbox] Bild öffnet sich im Fenster

Posted: Mon Aug 03, 2020 11:06 pm
by Edi
Du kannst mir Deine Installation gerne mailen, damit ich mir das anschauen kann.