imagesloaded

// jQuery
//#container这个元素本身的背景图片
$('#container').imagesLoaded( { background: true }, function() {
  console.log('#container background image loaded');
});

//指定元素
$('#container').imagesLoaded( { background: '.item' }, function() {
  console.log('all .item background images loaded');
});
var images = $('img');
$('.bg-img').each(function(){
  var el = $(this)
    , image = el.css('background-image').match(/url\((['"])?(.*?)\1\)/);
  if(image)
    images = images.add($('<img>').attr('src', image.pop()));
});
images.imagesLoaded();
var $images = $('img');
$('.bg-img').each(function(){
  var el = $(this), sources, image;
  if(sources = el.css('background-image')){
    $.each(sources.split(','), function(i, source){
      if(image = source.match(/url\((['"])?(.*?)\1\)/)){
        $images = $images.add($('<img>').attr('src', image.pop()));
      }
    });
  }
});

 

让我知道我不是在玩单机!

电子邮件地址不会被公开。 必填项已用*标注