[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Предзагрузка изображений
Гость_User
Есть скрипт предзагрузки.
Помогите изменить его, чтобы вместо присвоения класса с предлоадером (preloader). Отображался блок div#bshow

// JavaScript Document
$.fn.preloader = function(options){

var defaults = {
delay:200,
preload_parent:"a",
check_timer:300,
ondone:function(){ },
oneachload:function(image){ },
fadein:500
};

// variables declaration and precaching images and parent container
var options = $.extend(defaults, options),
root = $(this) , images = root.find("img").css({"visibility":"hidden",opacity:0}) , timer , counter = 0, i=0 , checkFlag = [] , delaySum = options.delay ,

init = function(){

timer = setInterval(function(){

if(counter>=checkFlag.length)
{
clearInterval(timer);
options.ondone();
return;
}

for(i=0;i<images.length;i++)
{
if(images[i].complete==true)
{
if(checkFlag[i]==false)
{
checkFlag[i] = true;
options.oneachload(images[i]);
counter++;

delaySum = delaySum + options.delay;
}

$(images[i]).css("visibility","visible").delay(delaySum).animate({opacity:1},options.fadein,
function(){ $(this).parent().removeClass("preloader"); });




}
}

}
,options.check_timer)


} ;

images.each(function(){

if($(this).parent(options.preload_parent).length==0)
$(this).wrap("<a class='preloader' />");
else
$(this).parent().addClass("preloader");

checkFlag[i++] = false;


});
images = $.makeArray(images);


var icon = jQuery("<img />",{

id : 'loadingicon' ,
src : 'css/i/89.gif'

}).hide().appendTo("body");



timer = setInterval(function(){

if(icon[0].complete==true)
{
clearInterval(timer);
init();
icon.remove();
return;
}

}
,100);

}





Спустя 8 часов, 17 минут, 51 секунда (23.04.2011 - 02:51) Гость_user написал(а):
Первый вопрос отменяется. Сделал, но это не то, что нужно.

Как отследить загрузку заданных изображений (в скобках через запятую или задав родительский элемент), чтобы до того как они загружены и по окончании совершить определенное действие?

Спустя 31 минута (23.04.2011 - 03:22) Nikitian написал(а):

$("img.mainimg").ready(function(){
//.....
});

Спустя 1 день, 7 часов, 14 минут, 33 секунды (24.04.2011 - 10:36) Гость_User написал(а):
А как найти все изображения внутри класса .my_images, далее сделать каждое из них скрытым пока оно не загрузилось + выполнить действие #1, потом для каждого когда оно загрузилось выполнить действие #2 + показать изображение.

Спустя 2 часа, 2 минуты, 37 секунд (24.04.2011 - 12:39) Nikitian написал(а):

$(document).ready(function(){
$(".my_img img").css({"position":"absolute","top":"-10000px","left":"-10000px"});
});
$(".my_img img").ready(function(){$(this).css({"position":"relative","top":"0","left":"0"})});

Вроде правильно

Спустя 3 часа, 18 минут, 38 секунд (24.04.2011 - 15:57) Гость_User написал(а):
А как сделать отсрочку появления изображений. Что-то у меня не получается...
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.