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

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

Форум программистов > JavaScript: Применение библиотек > Подгрузка изобр.

Автор: Onis 16.9.2008, 21:41

Стандартная схема, клик по привью - подгрузка оригинального изображения с простенькой анимацией.

Код


var img=$("#current_photo");
    img.animate({opacity:"hide"},"fast" , function() {
    img.attr('src', url)
    .animate({opacity:"show"},"fast");
    })

Только этот скрипт нормально работает с предварительно подгружеными изображениями.

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

И если возможно то как?

Автор: Alukard 17.9.2008, 05:18

Может быть попробовать вот так, то есть javascript начнет работать после окончательной загрузки документа:

Код


$(document).ready(function() {
  //Ваш код
});

Хотя я может что-то путаю.
Если нужно заранее прокэшеровать изображения, то это можно сделать с помощью присвоения

Код


var Image=new Image
Image.src="Путь к изображению";

Автор: Avb 17.9.2008, 11:03

Цитата(Onis @ 16.9.2008, 21:41

)

Возможно ли определить момент когда новое изображение загружено

У изображений есть событие load:

Код


    var img=$("#current_photo");
    img.animate({opacity:"hide"},"fast" , function() {
      img.attr('src', url).load(function(){
        $(this).animate({opacity:"show"},"fast");
       });
    });

Автор: Onis 18.9.2008, 08:18

Цитата(Avb @ 17.9.2008, 11:03

)

У изображений есть событие load:

А я дурак думал что load только для всего документа работает. Спасибо!