Время отслеживания пикселей в браузерах webkit

Question

У меня есть javascript, который создает несколько элементов div и внутри них тег img для каждого из нескольких URL-адресов изображений.У меня также есть функция тайм-аута, которая по истечении определенного периода заставляет изображение перестать загружаться.В FF этого можно достичь, установив атрибут src тега img пустым.В браузерах webkit это другая история, поскольку все запросы выполняются асинхронно.

Код, который у меня есть, выглядит примерно так:

function tag(url_array, timeout)
{
    var _tag_div = document.getElementById('tag_div');

    for(var i in url_array)
    {
        var e = document.createElement('div');
        e.setAttribute('id', '_tag_' + i);
        e.innerHTML = '<img src="' + urls[i] + '"/>';
        _tag_div.appendChild(e);

        setTimeout(blank_img.bind(window, i), timeout);

    }

    function blank_img(x)
    {
        document.getElementById('_tag_' + x).firstChild.src = '';
    }

}

Как я уже сказал, это хорошо работает в FF, но вбраузеры webkit ничего не делают, чтобы остановить загрузку изображений.Учитывая, что это будет использоваться для системы отслеживания пикселей на сторонних страницах, код должен быть как можно более легким.Кто-нибудь знает решение этой проблемы или может помочь мне найти его?Заранее спасибо, -CarbonX

Answer 1

Попробуйте полностью удалить их из DOM с помощью removeChild, например ::

function blank_img(x) { 
    var imgTag = document.getElementById('_tag_' + x);
    if(imgTag) { imgTag.parentNode.removeChild(imgTag); }
} 

Полагаю, вам не нужны теги позже ...