решил в цикле проверить загрузку 10 изображений, если картинка не загрузилась то цикл должен прерваться:
$(document).ready(function() {
$('.short-story a img').each(function() {
var slideImg = $(this);
var iid;
var curImg = 0;
var imgSrc = new Array;
var imageSrc = slideImg.attr("src");
var imgPatch = imageSrc.split('_');
imgSrc[0] = imgPatch[0] + '_0' + '0' + '.jpg';
slideImg.on('mouseover', function() {
var col = 0;
for( var i = 1; i < 10; i++ )
{
$(this).parent().prepend('<img alt="" src="' + imgPatch[0] + '_0' + i + '.jpg" id="clonImg' + i + '">');
if(('#clonImg'+ i).length > 0)
{
$('#clonImg'+ i).remove();
col++;
imgSrc[col] = imgPatch[0] + '_0' + col + '.jpg';
}
else {break;}
}
iid = setInterval(function() {
curImg < imgSrc.length-1 ? ++curImg : curImg = 0;
slideImg.attr("src", imgSrc[curImg]);
}, 400);
});
slideImg.on('mouseout', function() { clearInterval(iid); curImg = 0; this.src=imgSrc[0]});
});
});
не соображу как верно условие сделать, это - if(('#clonImg'+ i).length > 0), не сработало