Galerie Lightbox img preloading

[aitana]

Hallo zusammen

Beim Durchklicken der Bildergalerie in der Lightbox erscheint leider immer wieder ein schwarzes Feld mit Ladezeichen. (Die Bilder besser komprimieren usw. habe ich bereits gemacht.)
Ist es irgendwie möglich, die Bilder vorzuladen?

Ich habe bereits jquery.imgpreload.js und jquery.preload.js und viele andere Scripte ausprobiert. Leider hat nichts funktioniert.

In der j_colorbox gibt es ja anscheinend die Möglichkeit preloading: true anzugeben. Leider funktioniert weder true noch false...

Wenn immer nur 1 oder 2 Bilder vorausgeladen werden, bin ich auch schon glücklich.
Da transition: 'fade' zum Einsatz kommt, ist es peziell wichtig, dass es keinen Unterbruch beim Laden gibt.


Besten Dank im Voraus für eure Hilfe..

[aitana]

Mittlerweile sehe ich, dass das Problem nicht beim Vorladen liegt sondern woanders.
Wenn speed:0 angegeben wird, erscheint der Ladebalken nicht. Dafür ist aber auch kein Fade-Effekt möglich.

Bin ich die einzige, die das schade findet? ;-)

Oder gibt es vielleicht doch ein Workaround dazu?

[tab]

Hmm, bei mir klappt das problemlos mit der Core-Galerie und der Colorbox. Schon immer seit ich Contao kenne (Contao 3.0?) und die Colorbox benutze. Und das sind schon ein paar Jährchen. Und es klappt auch jetzt noch mit Contao 4.9. Das preloading des nächsten und vorhergehenden Bilds der Gruppe ist auch die Defaulteinstellung, habe dazu nichts in meinem Template geändert.

[aitana]

Vielen Dank für deine Antwort, tab.

Klappen tut es bei mir auch in allen Projekten. Nur leider nicht mit dem gewünschten Effekt.
Mit dem Vorladen der Bilder hat es nichts zu tun. (Da hatte ich mich geirrt.)

Ich habe nun getestet, ob es an den verschiedenen Bildgrössen liegt. Leider funktioniert der Fade-Effekt aber auch bei gleicher Grösse und gleichem Format bei mir nicht richtig. Es gibt zwischendurch immer wieder das Ladezeichen.

Funktioniert der Fadeeffekt denn bei dir ohne störendes Ladezeichen?

[tab]

Ich benutze da kein Fade, wenn ich das gebraucht habe, dann habe ich bisher immer dk_caroufredsel benutzt, da hat der Fade-Effekt immer perfekt funktioniert. Wie machst du das denn bei der Colorbox, wo stellst du das ein? Insofern habe ich mich mit dem "klappt" eigentlich nur das Preloading gemeint.

[aitana]

Wenn es nur um einen Slider ginge, könnte ich auch den Rocksolid Slider nehmen. Da funktioniert der Fadeeffekt problemlos.
Im Template j_colorbox kann man die Einstellungen:
transition: 'fade',
speed: 300,
fadeOut: 300,

machen. (FadeIn gibt es nicht.)

Das Problem ist die Contao eigene Lightbox.
Der Fade-Effekt scheint nicht zu funktionieren, respektive scheint unbrauchbar zu sein.

Vielleicht hat ja doch noch wer eine Idee wie man das Problem beheben kann? Das würde mich sehr freuen..

[planepix]

Nur mal noch eine Überlegung:

Mit CSS lässt sich ja der Hintergrund anders einfärben, ebenso das Loading-Element ausblenden.
Damit wäre es schon mal nicht mehr optisch die „Bremse”

[tab]

Oder mal eine andere Lightbox einsetzen, z.B. fritzmg/contao-lightcase

[Zille]

Das Problem »schwarzes Feld mit Ladezeichen « kann ich nachvollziehen – allerdings nur, wenn speed auf deutlich mehr als 1000 gestellt ist. Der Fade-Effekt baut sich entsprechend langsam auf. Solange das Bild noch »zu dünn« ist, wird ein schwarzes Feld mit Ladebalken gezeigt, dass nach und nach in das eigentliche Bild übergeht.

Mich irritiert allerdings die Aussage, dass es fadeIn nicht gibt und du deshalb fadeOut benutzen würdest. Denn in der mir bekannten Anleitung zu den Einstellungen gibt es beide nicht – einzig und allein fade ist angegeben:
http://www.jacklmoore.com/colorbox/

[tab]

fadeOut gibt es schon, bringt aber hier gar nichts, denn das bezieht sich nur auf das Schliessen der Colorbox, nicht auf den Übergang zwischen den Bildern.

[aitana]

Vielen Dank für eure Antworten.

@planepix, Anpassungen mit CSS bringen in diesem Fall nichts. Egal welche Farbe oder welches Ladezeichen. Es sieht immer nach Fehler aus.
@tab, danke für die Erklärung bezüglich fadeOut.
@Zille, Bei mir sieht es bereits mit speed 300 nicht gut aus.
Contao-lightcase werde ich mal testen. (Schade nur, dass ich die komplette Lightbox bereits umgestylt habe.)

Das Problem ist, dass die Bilder nicht übereinander aus- und eingeblendet werden sondern nacheinander.

[aitana]

Ich habe contao-lightcase nun installiert. Da werden die Bilder leider auch nicht übereinander geblendet. Seltsam..
Bei einem normalen Slider ohne Lighbtbox funktioniert diese Funktion.