title: Lazy loading not loading
body: <p>I am using <a href="http://jquery.eisbehr.de/lazy/#promo" rel="nofollow noreferrer">lazy loading plugin</a> in my project. I have a carousel  with images there. I need to lazy load images in the carousel. This is the html:</p>
  
  <pre><code>@foreach($issues as $issue)
        &lt;div class="swiper-slide magazine-image lazy-carousel"&gt;
          &lt;div
            class="slider-image-wrap js-magazine-selector"
            data-id='{{ $issue-&gt;first()-&gt;magazine-&gt;id }}'
            data-slug='{{ str_slug($issue-&gt;first()-&gt;magazine-&gt;name) }}'
            data-name='{{ $issue-&gt;first()-&gt;magazine-&gt;name }}'
            data-summary='{{ $issue-&gt;first()-&gt;magazine-&gt;summary ?: '' }}'
            data-magazine-image='{{ $issue-&gt;first()-&gt;image  }}'
            data-magazine-visiolink='{{ $issue-&gt;first()-&gt;magazine-&gt;visio_link_prefix }}'
            data-issue-image='{{ $issue-&gt;first()-&gt;magazine-&gt;image ?: '' }}'
          &gt;
            &lt;img data-src="/imagecache/medium/{{ $issue-&gt;first()-&gt;image  }}"&gt;
            &lt;div class="magazine-overlay"&gt;
              &lt;div&gt;
                &lt;p&gt;{{ $issue-&gt;first()-&gt;magazine-&gt;name }}&lt;/p&gt;
                &lt;a href="#"&gt;Se magasinet &lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  @endforeach
  </code></pre>
  
  <p>This is the script:</p>
  
  <pre><code>$(document).ready(function () {
    $('.lazy-carousel').Lazy({
      scrollDirection: 'horizontal',
      effect: 'fadeIn',
      effectTime: 2000,
      threshold: 0
    });
  });
  </code></pre>
  
  <p>But, that doesn't work, images are not loaded at all. How can I fix that?</p>