Skip to content

Instantly share code, notes, and snippets.

@ckng

ckng/gist:5889994

Created June 29, 2013 05:46
Show Gist options
  • Save ckng/5889994 to your computer and use it in GitHub Desktop.
Save ckng/5889994 to your computer and use it in GitHub Desktop.
Download ZIP
lazy load bootstrap carousel
Raw
gistfile1.js
$('#myCarousel').on('slid', function() {
var $nextImage = $('.active.item', this).next('.item').find('img');
$nextImage.attr('src', $nextImage.data('lazy-load-src'));
});
Raw
gistfile2.html
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="active item">
<img src="img/bigimage1.jpg" class="img-big">
</div>
<div class="item">
<img data-lazy-load-src="img/bigimage1.jpg" class="img-big">
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment