поочередное открытие картинок

[Dr.Livsi]

Всем доброго времени суток!
На странице имеется около 10 картинок. все спрятаны методом $('img').hide(). Мне нужно сделать так, что бы каждая из спрятанных картинок одна за одной, по очереди открылись (fadeIn). Может ли кто помочь с этой задачей?

[belilo2001]

Посмотрите тему "Как заблокировать автоскроллинг" от 27.7.2011
Возможно, скрипт вам подойдет.

[Zimb]

<script>
//Скритие всех картинок
    $("img").hide();
	
//Создание интервала для очередного отображения картинок
	setInterval(function(){
		var visEl = $("img:visible");  //Находи видимую картинку
		var nextEl = visEl.next();    //Следующая после видимой
		$("img").hide();                //Скрытие опять всего 
		
		if(visEl.length==0||nextEl.length==0) //Если нет видимого элемента или нет следующего тогда отображаем первую картинку в другом случае открываем следующую по порядку
                 $("img:first").fadeIn();
		else nextEl.fadeIn(); 		
	}, 1000)
</script>

[belilo2001]

Уважаемый Zimb!
Ваш скрипт работает, но изображение на странице дергается вверх-вниз в моменты срабатывания .hide() и fadeIn().
Аналогичная проблема в теме "Как заблокировать автоскроллинг".
Помогите решить!

[Dr.Livsi]

не, не запускается ((
Наверное, что-то не то делаю.
Вот мой вариант, но он тоже не работает:
<script type="text/javascript">
$(function() //при загрузке страницы сначала все прячем
{
$('#photo').hide()
$('.preview').hide()
}
);

window.onload=function() //после загрузки страницы - открываем поочередно
{
$('#photo').fadeIn('slow');
open2()
};

function open2()
{
$.each($('.preview:hidden'), function(){
setTimeout(myopen(this), 100)
})
}

function myopen(obj) {$(obj).fadeIn(500)};
</script>

[melky]

http://jsfiddle.net/phaYP/3/

$(function(){

    $('#photo').fadeIn('slow');
    
    var els = $('.preview:hidden'), i=0;
    
    (function cycle(){
        
        i in els && els.eq(i++).fadeIn("500", cycle);
        
    })();      
});

[Dr.Livsi]

$(function(){

    $('#photo').fadeIn('slow');
    
    var els = $('.preview:hidden'), i=0;
    
    (function cycle(){
        
        i in els && els.eq(i++).fadeIn("500", cycle);
        
    })();      
});

Нет, не работает.

[melky]

там демо по ссылке. работает.

[Dr.Livsi]

попробовал вот так:

$(function()
{
	$('#photo').hide()
	$('.preview').hide()
	window.onload=function() 
		{
		$('#photo').fadeIn('slow');
		$('.preview:hidden:first').fadeIn('slow');
		$('.preview:hidden').each(function()
			{
			$(this).fadeIn('slow');
			});	
		}
	$('a').click(function()
		{
		$('#photo').fadeOut(400)
		$('.preview').fadeOut(400)		
		});
}
);

Нормально - плавное октрытие всех сразу preview работает. Попробовал добавить setTimeout():

$('.preview:hidden').each(function()
			{setTimeout(function(this)
				{
				$(this).fadeIn('slow');
				},100)
			});

Не работает ((

[melky]

http://jsfiddle.net/phaYP/4/

и только скажи мне , что это не работает

>_<