Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Индикатор загрузки картинки
 
 автор: TetRiska   (05.05.2010 в 11:43)   письмо автору
 
 

Всем привет! Собственно как реализовать?

Отправка данных и получение следующей картинки происходит мгновенно, но картинки большие по весу бывают, поэтому логично сделать некий прелоадер. Вот мой код которым я отправляю параметры и получаю картинку:
$.post("/handler.php", {'url': category_now,'next':counter},
    function(data){
    if(data.length > 0) {
        var temp = data.split('::');
        document.getElementById('imge').src = temp[4];
    }
});

Смена картинки осуществляется по клику на некую кнопку. Как я понимаю нужно написать внешнюю ф-цию в которой проверять
 if(document.getElementById('imge').load==true)

и после эту -фцию подключить после получения картинки скриптом...
document.getElementById('imge').src = temp[4];

Так ведь? Помогите разобраться, не совсем выходит написать эту самую ф-цию.

  Ответить  
 
 автор: TetRiska   (06.05.2010 в 10:07)   письмо автору
 
   для: TetRiska   (05.05.2010 в 11:43)
 

разве никто не поможет?

  Ответить  
 
 автор: АЯ   (06.05.2010 в 13:14)   письмо автору
 
   для: TetRiska   (06.05.2010 в 10:07)
 

Самый лучший фильмпрелоадер.
С той самой "проверкой предзагрузки":
<script>
var EndOfLoading = new Array ();
</script>
...
<body>
<div style="display: none">
<img src="URL_0" onload="EndOfLoading [0] = true">
<img src="URL_1" onload="EndOfLoading [1] = true">
<img src="URL_2" onload="EndOfLoading [2] = true">
...
</div>
...
<img src="URL_m_0" onmouseover="if (EndOfLoading [0]) this.src = 'URL_0'">
...
<img src="URL_m_1" onmouseover="if (EndOfLoading [1]) this.src = 'URL_1'">
...
<img src="URL_m_2" onmouseover="if (EndOfLoading [2]) this.src = 'URL_2'">
...

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования