VPF::Подгрузка изобр. - Форум программистов

Onis

Дата 16.9.2008, 21:41 (ссылка)

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

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 241
Регистрация: 18.6.2005
Где: Украина, Николаев

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

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

Код


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

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

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

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

Alukard

Дата 17.9.2008, 05:18 (ссылка)

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

Загрузка ...

Шустрый

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

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

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

Код


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

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

Код


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

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

Блог блогу рознь: Алукардные РецептыPHP, Операционные системы, Россия & США...etc.

Avb

Дата 17.9.2008, 11:03 (ссылка)

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

Загрузка ...

Шустрый

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

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

Цитата(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 (ссылка)

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

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 241
Регистрация: 18.6.2005
Где: Украина, Николаев

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

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

)

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

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

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