Загрузка фотографий на стороне клиента каждые 10 секунд в среде asp.net с поддержкой ajax? - PullRequest
Новая
       12

Загрузка фотографий на стороне клиента каждые 10 секунд в среде asp.net с поддержкой ajax?

0 голосов
/ 24 мая 2010

Существует страница веб-сайта, которая кодируется на asp.net с использованием c #, а также включен ajax.

Я хочу очень быструю загрузку веб-страницы; что произойдет со следующей архитектурой;

1- Сначала все данные отображаются в текстовых полях (Есть 50 текстовых полей, это форма заявки.)

2- Когда веб-страница запрашивается и загружается, я хочу, чтобы все фотографии отображались рядом с каждым текстовым полем 10 на 10 от верхней части страницы до ее конца. (Каждое фото между 5 кб - 20 кб;)

Я знаю, что ImageHandler задается вопросом: как я могу воплотить все эти идеи в жизнь? некоторые примеры и идеи будут отличными! спасибо

Ьк

1 Ответ

1 голос
/ 24 мая 2010 
(function(images, elements) {
    var fetchImages = function() {
        if(images.length > 0) {
            var numImages = 10;
            while(images.length > 0 && numImages-- > 0) {
                // assuming your elements are <img>
                document.getElementById(elements.shift()).src = images.shift();
                // if not you could also set the background (or backgroundImage) css property
                // document.getElementById(elements.shift()).style.background = "url(" + images.shift() + ")";
            }
            setTimeout(fetchImages, 5000);
        }
    }

    // bind to window onload
    window.onload = fetchImages;
    // if you're going to use something like jquery then do something like this instead
    //$(fetchImages);
}(['url1', 'url2', 'url3'], ['img1', 'img2', 'img3']))

Нечто подобное может сделать то, о чем вы, я думаю, спрашиваете.
Последняя строка, вероятно, будет заменена на что-то вроде 

}(<%=ImageUrls %>, <%=ImageElements %>))
...