JQuery оқиғасы CSS background-image толығымен жүктелген кезде байланыстырады

Background-image толық жүктелгеннен кейін оқиға туғызғым келеді. Сурет динамикалық PHP сценарийінен жасалған.

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

көрінбейтін ішіндегі кескінді алуға тырысамын және суретті жүктеу кезінде (.load ()), background-image-ды сол көрінбейтін src-мен орнатыңыз? сенімді емеспін...

көмегіңіз үшін рақмет.

7

2 жауаптар

Осыған көмектесетін waitForImages деп аталатын менің jQuery плагинімді пайдалануыңыз мүмкін ...

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

Әйтпесе, оны қолмен жасау үшін ...

var image = 'image.php',

    img = $('');

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

img.attr('src', image);

$('#box').css('background-image', 'url(' + image + ')');
10
қосылды
@pelelive Сіз
қосылды автор alex, көзі
Сізге осы қатені неге алып жатқанын білесіз бе: Қате: $ .isPlainObject функция емес пе? (Назар аударыңыз, бұл әр кезде біз image.php жаңа сурет жасаймыз)
қосылды автор pelelive, көзі
Алексқа қазір рахмет. көңіл көтер!
қосылды автор pelelive, көзі
$("#box img").load(function() {  
    //the image elements in #box are fully loaded.
});
1
қосылды
Бұл img элементі емес, background-image .
қосылды автор alex, көзі