Witam. Mam na stronie moduł z materiałami video. Chcę aby po najechaniu na miniaturkę pojawiła się kolejna, kolejna itd.
Urle do miniaturek mam zapisana w atrybucie data-thumbs. Skrypt działa dobrze i robi to co chce z tym, że obrazki przy każdym wyświetleniu muszę się załadować przez co po zmianie miniaturki wyświetli się np pół obrazka albo w ogóle. Jak to obejść?

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function () {
	$('div.anim-container').hover(function () {
		var $parent = $(this);
		var $images_ctn = $(this).attr('data-thumbs').split(',');
		var i = 0;
		var max_img = $images_ctn.length;
 
		$currentImg = $(this).find('img');
		default_img = $currentImg.attr('src');
		intval = setInterval(function () {
 
			var img = $('<img />').attr('src', $images_ctn[i]);
			$currentImg.after(img);
			$currentImg.remove();
			$currentImg = img;
			//$currentImg.attr('src', $images_ctn[i]);
			if(i === (max_img - 1)) {
				i = 0;
			} else {
				i = i + 1;
			}
		}, 500);
	}, function () {
		$currentImg.attr('src', default_img);
		clearInterval(intval);
	});
});
[JAVASCRIPT] pobierz, plaintext 

Alternatywnie zawsze możesz zrobić tzw. pre-loader tych obrazków - załadować je w trakcie ładowania strony. Unikniesz wtedy tej sytuacji, kiedy to na żywo widać ładowanie się miniaturki.