CSS-ning fon-rasmi to'liq yuklanganida, JQuery-ga ulanish

Fon-tasvirni to'liq yuklashdan keyin hodisani boshlashni xohlayman. Rasm, dinamik PHP skriptidan qilingan.

$("#box").css("background-image","url(image.php)");

Ehtimol, tasvirni ko'rinmas ko'rinishida olishga harakat qilaman va rasm yuk (.load ()) background-imageni ko'rinmas ning src-ga sozlang. aniq emas...

Yordamingiz uchun rahmat.

7

2 javoblar

Ushbu yordam beradigan waitForImages deb nomlangan mening jQuery plaginidan foydalanishingiz mumkin ...

$("#box").css("background-image", "url(image.php)").waitForImages({
   waitForAll: true,
   finished: function() {
      //Background image has loaded.
   }
});

Aks holda, uni qo'lda qilish ...

var image = 'image.php',

    img = $('');

img.bind('load', function() {
    //Background image has loaded.
});

img.attr('src', image);

$('#box').css('background-image', 'url(' + image + ')');
10
qo'shib qo'ydi
@pelelive Siz
qo'shib qo'ydi muallif alex, manba
Nima uchun men ushbu xatoni bilamanmi: Error: $ .isPlainObject funktsiya emasmi? (image.php har doim biz uni chaqirganimizda yangi rasm hosil qilishini unutmang)
qo'shib qo'ydi muallif pelelive, manba
alexga rahmat. xursandchilik!
qo'shib qo'ydi muallif pelelive, manba
$("#box img").load(function() {  
    //the image elements in #box are fully loaded.
});
1
qo'shib qo'ydi
Bu img elementi emas, balki background-image .
qo'shib qo'ydi muallif alex, manba