title: jQuery Lazy Load XT - Force Image Load On Custom Event
body: <p>I have a custom event <code>switchSlideEvent</code> firing each time a switchSlide() method is called from a jQuery Carousel plugin with no documentation.</p>
  
  <p>I am using Lazy Load XT (<a href="https://github.com/ressio/lazy-load-xt" rel="nofollow">https://github.com/ressio/lazy-load-xt</a>) to lazy load images, however, the plugin only loads images on the following events <code>load</code> <code>orientationchange</code> <code>resize</code> <code>scroll</code>.</p>
  
  <p>Lazy Load XT is initialized like so:</p>
  
  <pre><code>$.extend($.lazyLoadXT, {
     selector: 'img[data-original]',
     srcAttr: 'data-original',
     edgeY: 200,
     updateEvent: 'load orientationchange resize scroll switchSlideEvent'
  });
  </code></pre>
  
  <p>I've tried the following solutions, but haven't had any success:</p>
  
  <ol>
  <li>Pass <code>switchSlideEvent</code> to the Lazy Load XT <code>updateEvent</code> option (seen above)</li>
  <li>Manually re-initialize Lazy Load XT <code>.on('switchSlideEvent')</code> like so:</li>
  </ol>
  
  <p>I'm getting console.log events, but the carousel images "slid" into view are not loading until I scroll the page.</p>
  
  <pre><code>$(document).ready(function(){
    $(document).on('switchSlideEvent', function(){
      console.log("custom event fired");
      $(window).lazyLoadXT();
    }); 
  });
  </code></pre>
  
  <p><strong>QUESTION</strong></p>
  
  <p>How can I force Lazy Load XT to load the new images when <code>switchSlideEvent</code> fires?</p>
  
  <p>Any help is greatly appreciated.</p>
  
  <p>Thanks!</p>