Сделать preview видео клипа

[Wade]

Сделать preview видео клипа

Здравствуйте

Задача: есть видео клип и несколько снятых с него кадров. Нужно сделать preview для этого клипа со сменой кадров.
т.е. пользователь наводит курсор на маленькое превью клипа и через некоторую задержку показываются остальные кадры друг за другом.
Сейчас реализовал это в лоб, но проблема в том, что если страницы(и соответственно изображений) нет в кеше браузера, то при наведении курсора на превью идет задержка, т.к. следующее изображение еще не загружено.

<script>
var id=1;
var icur=0;
var stop=0;
function startSlide(n,tok,nid)
{
	stop=0;
	icur = setInterval('startSlide2(\''+n+'\',\''+tok+'\','+nid+')',500)
}
function startSlide2(n,tok,nid)
{

	if (stop==0)
	{
	nid=id;
	eval('$("#'+n+'").attr("src","/thumbs/'+tok+'_'+nid+'.jpg")');
	if (nid>5) id=1;
	else 
	{
		nid=nid+1;
		id=nid;
	}
	}
}
function stopSlide(n,tok)
{
	eval('$("#'+n+'").attr("src","/thumbs/'+tok+'_1.jpg")');
	clearInterval(icur);
	stop=1;
}
</script>

Используется jquery
Спасибо

 

[MiRacLe]

Используется jquery

setInterval('startSlide2(\''+n+'\',\''+tok+'\','+nid+')',500)
...
eval('$("#'+n+'").attr("src","/thumbs/'+tok+'_'+nid+'.jpg")');

ага, используется

следующее изображение еще не загружено

загрузи его

 

[Wade]

Автор оригинала: MiRacLe
загрузи его

Как его загрузить? можно подробнее?

 

[MiRacLe]

(new Image).src=path;

 

[Wade]

Как понять что изображение полностью загружено?

 

[MiRacLe]

var img = new Image;
img.onload = function() {
   alert('Ага, вот эти ребята!');
}
img.src=path;

 

[Wade]

Вот так понятно. спасибо.