Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > прелоадер рисунка

Автор: abalich 16.1.2009, 22:26

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

Автор: bars80080 17.1.2009, 01:56

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

Автор: ksnk 17.1.2009, 08:52

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>

Автор: egrik 17.1.2009, 14:55

В Опере еще есть прикол - если изображение берется из кэша, то событие 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

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

Автор: egrik 18.1.2009, 19:11

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

Код


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