VPF::Предварительная загрузка изображения, показ изображения по onload

ua6atg

Дата 26.12.2008, 09:19 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 1.11.2006

Репутация: нет
Всего: нет

Я тут не большой спец в Jave, поэтому не могу сходу решить вероятно простую проблему.

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

Решил сделать тупо. Скажем так. Пока картинка грузится, на ее месте показывается другая "легкая" картинка (скажем имитатация загрузки Gif, флеш и так далее) когда "основная" картинка загрузится, она должна показываться.

Подобную проблему конечно можно решить банально через CSS (наложить 2 DIV друг на друга) но во первых я так делал, (не интересно) во вторых, получаетя постепенное проявление изображения, что не всегда устраивает.
Вероятно нужно как то привезатся к событию onload "основной" картинки, только не совсем понимаю как это сделать.

bars80080

Дата 26.12.2008, 10:53 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

так не получается?

Код


var pic = new Image();
pic.src = 'http://...';
pic.onload = function() { myfuncInsertImage(); };

а в функции вставить в нужное место

p.s. javascript != java

ua6atg

Дата 26.12.2008, 11:53 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 1.11.2006

Репутация: нет
Всего: нет

Цитата

а в функции вставить в нужное место

Я не окончательно понял:
можно чуть чуть подробнее об этой строчке: function() { myfuncInsertImage(); };

bars80080

Дата 26.12.2008, 12:42 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

ну, что-то в таком роде

Код


<script>
function myfuncInsertImage(x) {
    var el = document.getElementById('qw');
    el.src = x;
}
var pic = new Image();
var idx = 'http://...';
pic.src = idx;
pic.onload = function() { myfuncInsertImage(idx); };
</script>

<img src="http://лёгкая картинка" id="qw" />

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »