# Bild-Slider Preload-Funktion

**URL:** <https://forum.shopware.com/t/bild-slider-preload-funktion/67059>\
**Category:** Themes & Design\
**Created:** [19. Mai 2020 um 14:22 UTC](https://forum.shopware.com/t/bild-slider-preload-funktion/67059 "2020-05-19T14:22:56Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![RuKo](https://avatars.discourse-cdn.com/v4/letter/r/aeb1de/32.png) [@RuKo](https://forum.shopware.com/u/RuKo)\
**Post date:** [19. Mai 2020 um 14:22 UTC](https://forum.shopware.com/t/bild-slider-preload-funktion/67059/1 "2020-05-19T14:22:56Z")

</div>

Hallo zusammen,

wir haben auf der Startseite den Bild-Slider eingebunden. Funktioniert soweit ganz gut.  
Allerdings baut sich der Slider bei zb. 3-4 Bildern sehr langsam auf und man sieht von Anfang an zuerst 3-4 Bilder untereinander stehen,  
wenn die gesamte Seite fertig geladen hat, verschwinden die anderen Bilder und der Slider ist fertig geladen. Gibt es denn die Möglichkeit,  
eine Art Preload-Funktion in diesen Slider einzubinden? Ich habe diesen Slider bereits durch eine Autoplay-Funktion erweitert, welche ebenfalls  
nicht aus der Administration eingebunden werden kann, hatte auch funktioniert.

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/4/4f39f66b95c93579ec37d7a6a85fc028b881f6f2.jpeg)

Vielleicht kann mir da wer helfen, würde mich echt freuen!

Lg  
Rudi

---

<div class="post-metadata">

**Author:** ![RuKo](https://avatars.discourse-cdn.com/v4/letter/r/aeb1de/32.png) [@RuKo](https://forum.shopware.com/u/RuKo)\
**Post date:** [26. Mai 2020 um 18:16 UTC](https://forum.shopware.com/t/bild-slider-preload-funktion/67059/2 "2020-05-26T18:16:52Z")

</div>

Keiner eine Ahnung? ![Frown](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/frown.png "Frown")

---

<div class="post-metadata">

**Author:** ![dweseom](https://avatars.discourse-cdn.com/v4/letter/d/e56c9b/32.png) [@dweseom](https://forum.shopware.com/u/dweseom)\
**Post date:** [25. Juli 2020 um 14:59 UTC](https://forum.shopware.com/t/bild-slider-preload-funktion/67059/3 "2020-07-25T14:59:23Z")

</div>

Hi @RuKo‍

meinst du so wie hier?

[https://eseom-shopware-6-demo.eseom.de/](https://eseom-shopware-6-demo.eseom.de/)

Wir haben hier zunächst über css alle Bilder auf display:none gesetzt und wenn der Slider fertig geladen hat wieder auf display: inline-block

-\> Somit erzielst du auch beim Google PageSpeed Test einen besseren Wert beim&nbsp;Largest Contentful Paint -\> deine Inhalte springen nicht mehr so viel beim Laden der Seite…

---

<div class="post-metadata">

**Author:** ![dweseom](https://avatars.discourse-cdn.com/v4/letter/d/e56c9b/32.png) [@dweseom](https://forum.shopware.com/u/dweseom)\
**Post date:** [27. Juli 2020 um 11:50 UTC](https://forum.shopware.com/t/bild-slider-preload-funktion/67059/4 "2020-07-27T11:50:39Z")

</div>

@MaxW‍

Das Format wird erst ab Safari 14 unterstützt - da hast du recht.

Ist auch unser Testshop von daher alles gut - die Funktion an sich funktioniert aber auch wenn du jpg oder png nutzt.

Haben im Testshop noch die verbuggten SW6-Slider-Funktionen verbessert:

1. Bessere Slide-Erkennung

2. Zoom-Funktion auf mobilen Endgeräten (Produktdetailseite)

3. Swipe-Funktion auf Produktdetailseite

4. Im Produktslider nicht mehr zum nächsten Slide springen, wenn auf ein Produkt geklickt wird (mobile)

5.&nbsp; **Bilder auf display:none gesetzt und wenn der Slider fertig geladen hat wieder auf display: inline-block damit es beim Seitenaufruf nicht alle Bilder untereinander darstellt**

---

<div class="post-metadata">

**Author:** ![kanuma](https://avatars.discourse-cdn.com/v4/letter/k/ce7236/32.png) [@kanuma](https://forum.shopware.com/u/kanuma)\
**Post date:** [22. August 2020 um 10:50 UTC](https://forum.shopware.com/t/bild-slider-preload-funktion/67059/5 "2020-08-22T10:50:37Z")

</div>

Gibts hierzu ein Ticket bei Shopware? @dweseom‍ ihr solltet hierzu ein issue erstellen und die Lösung mitliefern. Euer theme wird deswegen kaum einer kaufen, die Lösung würde jedoch vielen sehr helfen.

lg

marc

---

<div class="post-metadata">

**Author:** ![dweseom](https://avatars.discourse-cdn.com/v4/letter/d/e56c9b/32.png) [@dweseom](https://forum.shopware.com/u/dweseom)\
**Post date:** [24. August 2020 um 11:50 UTC](https://forum.shopware.com/t/bild-slider-preload-funktion/67059/6 "2020-08-24T11:50:56Z")

</div>

@kanuma‍

Ich hatte ein issue geöffnet dieser wurde aber einfach geschlossen:

[https://issues.shopware.com/issues/NEXT-4921](https://issues.shopware.com/issues/NEXT-4921)

Keine Ahnung warum 🙂

Das folgende Ticket steht auf “Backlog”:

[https://issues.shopware.com/issues/NEXT-9085](https://issues.shopware.com/issues/NEXT-9085)

---

<div class="post-metadata">

**Author:** ![kanuma](https://avatars.discourse-cdn.com/v4/letter/k/ce7236/32.png) [@kanuma](https://forum.shopware.com/u/kanuma)\
**Post date:** [25. August 2020 um 11:38 UTC](https://forum.shopware.com/t/bild-slider-preload-funktion/67059/7 "2020-08-25T11:38:09Z")

</div>

[@Moritz Naczenski]([http://forum.shopware.com/profile/14574/Moritz](http://forum.shopware.com/profile/14574/Moritz) Naczenski “Moritz Naczenski”)‍ wann ist hier mit einem Fix zu rechnen?&nbsp;

Mit freundlichen Grüßen&nbsp;

Marc

---

<div class="post-metadata">

**Author:** ![great2gether](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/great2gether/32/12887_2.png) [@great2gether](https://forum.shopware.com/u/great2gether)\
**Post date:** [12. Februar 2021 um 15:48 UTC](https://forum.shopware.com/t/bild-slider-preload-funktion/67059/8 "2021-02-12T15:48:08Z")

</div>

> [@dweseom schrieb:](https://forum.shopware.com/profile/27479/dweseom "dweseom")
> 
> Wir haben hier zunächst über css alle Bilder auf display:none gesetzt und wenn der Slider fertig geladen hat wieder auf display: inline-block
> 
> &nbsp;

Macht ihr das immer noch so oder habt ihr das jetzt über lazy load gelöst? Ich konnte kein inline-block bei euren Bildern erkennen? Wir basteln grad auch am Slider und würden diese vorherige Laden ebenfalls gerne verhindern :)&nbsp;&nbsp;

---

<div class="post-metadata">

**Author:** ![AlexBS](https://avatars.discourse-cdn.com/v4/letter/a/ed655f/32.png) [@AlexBS](https://forum.shopware.com/u/AlexBS)\
**Post date:** [24. März 2022 um 22:31 UTC](https://forum.shopware.com/t/bild-slider-preload-funktion/67059/9 "2022-03-24T22:31:15Z")

</div>

Auch mit der aktuellen 6.4.9. springt der Slider immer noch, weil die Bilder alle zuerst riesig und untereinander geladen werden und der Slider erst dann korrekt umspringt. Wie habt ihr das genau gelöst?

Lg
