# jQuery Image Slider im Listing

**URL:** <https://forum.shopware.com/t/jquery-image-slider-im-listing/61219>\
**Category:** Programmierung\
**Created:** [21. August 2019 um 07:16 UTC](https://forum.shopware.com/t/jquery-image-slider-im-listing/61219 "2019-08-21T07:16:57Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Frank\_2812](https://avatars.discourse-cdn.com/v4/letter/f/b19c9b/32.png) [@Frank\_2812](https://forum.shopware.com/u/Frank_2812)\
**Post date:** [21. August 2019 um 07:16 UTC](https://forum.shopware.com/t/jquery-image-slider-im-listing/61219/1 "2019-08-21T07:16:57Z")

</div>

Hallo,

ich verwende den jQuery Image Slider im Listing (eigenes Plugin), um alle Artikel-Bilder anzuzeigen:

```
         {foreach $sArticleMedia as $image}
            
               ...
            
         {/foreach}

```

Das Ganze funktioniert prinzipiell super, nur gibt es Probleme beim „Infinite Scrolling“. Sobald der zweite Block über Ajax nachgeladen wird, funktioniert der Slider nicht mehr ![Undecided](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/undecided.png "Undecided"). Plötzlich sind die Pfeile weg und das „sliden“ klappt nicht mehr.

Hat eventuell jemand Erfahrung mit diesem Szenario und kann mir einen Tipp geben?

Viele Grüße, Frank

---

<div class="post-metadata">

**Author:** ![gwen](https://avatars.discourse-cdn.com/v4/letter/g/e36b37/32.png) [@gwen](https://forum.shopware.com/u/gwen)\
**Post date:** [20. September 2019 um 10:48 UTC](https://forum.shopware.com/t/jquery-image-slider-im-listing/61219/2 "2019-09-20T10:48:32Z")

</div>

Hallo,

was sagt denn die Konsole bei dir?

Sieht das so bei dir aus?

```
Uncaught TypeError: Cannot read property 'top' of undefined at Plugin.onScrolling 

```

Der Fehler ist in&nbsp;der Funktion in dieser Zeile&nbsp;

```
fetchPointOffset = fetchPoint.offset().top, // Uncaught TypeError: Cannot read property 'top' of undefined

        /**
         * onScrolling method
         */
        onScrolling: function() {
            var me = this;

            // stop fetch new page if is loading atm
            if (me.isLoading || !me.opts.enabled) {
                return;
            }

            // Viewport height
            var $window = $(window),
                docTop = $window.scrollTop() + $window.height(),

                // Get last element in list to get the reference point for fetching new data
                fetchPoint = me.$el.find(me.opts.productBoxSelector).last(),
                fetchPointOffset = fetchPoint.offset().top,
                bufferSize = fetchPoint.height(),
                triggerPoint = fetchPointOffset - bufferSize;

            if (docTop > triggerPoint && (me.params[me.opts.pageShortParameter] < me.maxPages)) {
                me.fetchNewPage();
            }

```

&nbsp;

LG,  
gwen