title: lazy loading images on scroll and "come into view"
body: <p>I am using <a href="http://jquery.eisbehr.de/lazy/" rel="nofollow noreferrer">Lazy</a> as a lazy image loading plugin. I have a div where I load divs like this:</p>
  
  <pre><code>&lt;div class="nano-content" id="lScroll"&gt;
  
      /*... MORE LIKE THIS ... */
      &lt;div class="card"&gt;
          &lt;div class="city-selected city-medium clickChampion pointer"
       data-champ-id="1"&gt;
          &lt;article&gt;
              &lt;div class="info"&gt;
                  &lt;div class="city"&gt;
                      CHAMPNAME
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/article&gt;
              &lt;figure class="cFigure lazy" data-src="images/champions/CHAMPNAME_0.png"&gt;&lt;/figure&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      /*... MORE LIKE THIS ... */
  
  &lt;/div&gt;
  </code></pre>
  
  <p>So I initiate the plugin and it works for the first ones visible and when I scroll:</p>
  
  <pre><code>var $lazy = $('#lScroll .lazy');
  if ($lazy.length) {
      $lazy.Lazy({
          appendScroll: $('#lScroll')
      });
  }
  </code></pre>
  
  <p>But now I have a function that "filters" the divs by their attributes when I enter sth in my search input and it fails to load the image when the according div is shown:</p>
  
  <pre><code>$(document).on("keyup", "#searchVod", function () {
      var $search = $(this);
      var $sVal = $search.val().toLowerCase();
      if ($sVal !== "") {
          $(".vodCard").hide();
          $('[data-champ*="' + $sVal + '"]').show();
          $('[data-role*="' + $sVal + '"]').show();
      } else {
          $(".vodCard").show();
      }
  });
  </code></pre>
  
  <p>I tried <code>bind: "event"</code> /w and w/out <code>delay: 0</code> (loading the plugin in the search function) but when I searched it would load ALL images immediately in the background.</p>
  
  <p>Any hint highly appreciated</p>
  
  <p>UPDATE: I just noticed in Chrome DevTab after entering one letter in my searchbox it loads ALL the images and eventually the one I am searching for (if its the last it takes some time (30MB sth)</p>