VPF::прелоадер рисунка - Форум программистов

abalich

Дата 16.1.2009, 22:26 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 434
Регистрация: 26.2.2007
Где: Воронеж

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

Всем привет. Мне нужна функция прелоадера рисунка. т.е. перед тем как рисунок загрузиться на его месте заменяющая картинка.
Как это сделать в IE или CHROME, mozila я могу а вот как в OPERA........ smile

--------------------

Мой дядя самых честных "грабил"...

bars80080

Дата 17.1.2009, 01:56 (ссылка)

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

Загрузка ...

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

Награды: 1

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

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

насколько я помню, никак. фишка в том, что опера не будет грузить рисунка, пока он реально не будет виден на странице

ksnk

Дата 17.1.2009, 08:52 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

bars80080, О какой версии Оперы идет речь?

abalich, Ежели это действительно так, то можно его попробовать "реально" вставить на страницу в абсолютный слой с visibility:hidden;

Хотя у меня на Опере 9.52 работает "классический вариант" :

Код


<img id='test' >

<script>

function preload(_id,url){
    var elem=document.getElementById(_id);
    elem.src='loading.gif';
    var img= new Image();
    img.src=url;
    img.onload=function(){
        img.onload=null;
        elem.src=url;
    };
    if(img.complete)
        img.onload();
}

var date=new Date();
// обязательная загрузка с сервера
//preload('test','http://wallpapers.ru/zakroma/upload/200901/20090116_taka_wallpapers_ru_nebo_1280x1024_(134539)WP.jpg?'+date.getTime());

//  просто показать
preload('test','http://wallpapers.ru/zakroma/upload/200901/20090116_taka_wallpapers_ru_nebo_1280x1024_(134539)WP.jpg');

</script>

Это сообщение отредактировал(а) ksnk - 17.1.2009, 08:53

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

egrik

Дата 17.1.2009, 14:55 (ссылка)

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

Загрузка ...

Шустрый

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

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

В Опере еще есть прикол - если изображение берется из кэша, то событие onload не сработает, вылечить можно так: сначала объявляем обработчик, затем грузим изображение, то есть так:

Код


function preload(_id,url){
    var elem=document.getElementById(_id);
    elem.src='loading.gif';
    var img= new Image();
    img.onload=function(){
        img.onload=null;
        elem.src=url;
    };
    img.src=url;
}

Конструкция:
[code= javascript]
if(img.complete)
img.onload();
[/code]
по все видимости, как раз для этого и предназначалась, теперь от нее можно отказаться.

abalich

Дата 18.1.2009, 00:23 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 434
Регистрация: 26.2.2007
Где: Воронеж

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

ок. пасиб много че нашел. А как сделать прелоадер в "кэш"
т.е. у меня есть img и у него onmouseover а там при наведении другой рисунок. Вот мне его надо подгрузить до onmouseover что при наведении он просто опоявился.

--------------------

Мой дядя самых честных "грабил"...

egrik

Дата 18.1.2009, 19:11 (ссылка)

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

Загрузка ...

Шустрый

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

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

В общем то вот эта часть как раз и загружает изображение в "кэш".

Код


var img= new Image();
img.onload=function(){
};
img.src=url;

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