Bootstrap Carrousel Lazy Load

J'essaie d'avoir le bootstrap Carrousel de chargement différé. Il semble que ce doit être simple, mais je ne suis pas à même de faire des erreurs ici pour résoudre les problèmes. JS:

<script type="text/javascript">
    $('#bigCarousel').on("slid", function() {
        //load the next image after the current one slid
        var $nextImage = $('.active.item', this).next('.item').find('img');
        $nextImage.attr('src', $nextImage.data('lazy-load-src'));
    });

</script>

Et puis html:

<div id="bigCarousel" class="carousel slide">
  <div class="carousel-inner">
    <div class="active item">
        <img src="assets/bigimage1.jpg" class="img-big">
    </div>
    <div class="item">
        <img data-lazy-load-src="assets/menu-header2.jpg" class="img-big">
    </div>
 </div>
</div>

Pas de JS erreurs dans firebug ou autre chose que je peux comprendre, mais mes images ne s'affichent pas. Probablement quelque chose de simple ici...

Pour info: l'événement sur bootstrap 3 est maintenant slid.bs.carousel par exemple. $('#myCarousel').on("slid.bs.carousel", function() { ...
double possible de lazy load pas de travail dans le bootstrap carrousel

OriginalL'auteur RubyNoob | 2012-10-02