Lightbox 2 auf html-Seite - nächste/vorherige Bilder werden nicht angezeigt

Ich habe Probleme, die nächsten/vorherigen Bilder im Leuchtkasten zu sehen 2. Keine anderen Antworten hierüber haben das für mich gelöst, also weiß ich nicht was ich noch vermisse.Lightbox 2 auf html-Seite - nächste/vorherige Bilder werden nicht angezeigt

Es scheint fast wie der "äußere Container" (ich glaube, dass es so genannt wird), dass das Bild "sitzt" innerhalb ist nicht breit genug für die Next/Prev Gifs zu zeigen. Der Link ist da; Wenn Sie also mit der Maus über die rechten, linken Seiten der Bilder fahren und auf klicken, wird zum nächsten und vorherigen Bild gesprungen.

ich für die nächsten/vorherigen Bilder sein möchte: 1. sichtbar die ganze Zeit 2. unter dem Bild befindet sich x von x Text und über dem Close - oder - idealerweise am unteren Rand des Bildes zentriert:

Bild 3 von x Zurück Schließen Nächster

ich muss nicht unbedingt Bilder verwenden pro sagen, einfache Textlinks wird in Ordnung sein.

Wenn ich etwas in einer anderen Datei außer der CSS ändern muss, lassen Sie mich bitte wissen, welche, weil ich relativ ratlos bin, wenn es um Programmiersprache geht.

ROFL

Quelle

2012-03-25 Karen S Musselman

Ich hatte das gleiche Problem, nichts funktionierte, schließlich bekam die Tasten zu zeigen, indem <!doctype html> auf die erste Zeile der HTML-Seite hinzufügen, kurz vor dem Kopf

Quelle

2012-05-18 13:31:46 Daz

ich die Lösung denke nur eine Galerie ist das Hinzufügen Name im "rel" -Tag. So dies ändern:

rel="lightbox"

in dieser:

rel="lightbox[gallery]"

in jedem Ihrer Bild-Links. Arbeitete für mich!

Quelle

2012-06-04 10:42:19 Marco

Hatte das gleiche Problem und das funktionierte auch für mich :) Danke Marco ... ersparte mir ein paar Haare ziehen hier –

Dieser arbeitete für mich:

rel="lightbox[gallery]"

Quelle

2013-09-21 12:11:10

Keine der oben genannten Vorschläge für mich gearbeitet.

Was funktioniert, ist, alle Instanzen von "../" in der lightbox.css-Datei zu entfernen. Ändern Sie beispielsweise "../img/prev.png" in "img/prev.png". Gehen Sie im Grunde durch die lightbox.css Datei und entfernen Sie das "../" wo immer es auftritt.

Quelle

2013-12-02 14:53:55 guess1

Ich hatte das gleiche Problem beim zweiten Mal Lightbox implementiert. In meinem Fall habe ich alle Vorkommen geändert, wo die Gifs von

content: url(../img/close.png)

content: url(http://www.../img/close.png)

Jetzt verknüpft sind, es funktioniert.

Quelle

2014-04-11 10:54:48 Luis

Tatsächlich tritt das Problem wegen des Namens Ihres "Bild" -Ordners auf. Wenn Sie sich die "lightbox.css" ansehen, sehen Sie die URLs, die auf einen Ordner namens "images" verweisen. Sie müssen nur den Ordnernamen mit dem Namen ändern, den Sie tatsächlich verwenden. Wenn der Name des Image-Ordners "img" in Ihrem Projektordner ist (wo der html ist), wird es nicht funktionieren, da die URL auf den "images" -Ordner gerichtet ist. Sie können entweder den Namen Ihres Bildordners ändern oder die URL in "lightbox.css" ändern.

Dieser war das Original;

content: url(../images/close.png)

und ich musste die Links ändern als;

Weil mein Ordnername, wo die Bilder sind, ist "img". und das ist alles.

Quelle

2016-04-07 18:33:16 vGuMuS

Lightbox 2 auf html-Seite - nächste/vorherige Bilder werden nicht angezeigt

Antwort

Verwandte Themen