Анимация при наведения курсора идёт циклически, а мне нужен только один цикл.Подскажите как мне сделать так чтобы после прохождения цикла картинка остановилась? И можно ли к картинке звук прилепить? Когда цикл идет и параллельно звук звучит?
Я прикрепил файл для наглядного просмотра.
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
</head>
<body>
<center>
<p> </p>
<div id="ViewArea">
<img id="imgview">
</div>
</center>
</body>
<script type="text/javascript">
var idx, time_id, curFrames;
window.onload = function(){
idx = 1;
curFrames = 19;
time_id = 0;
$('img').bind('dragstart', function(event) { event.preventDefault(); });
document.getElementById("imgview").src="img/01.JPG";
}
$('#ViewArea').mouseover(function(e){
if (!time_id) time_id = window.setInterval(PlayImg,100);
});
$(document).mouseout(function(){
if (time_id) window.clearInterval(time_id);
time_id = 0;
})
function PlayImg(){
idx++;
if (idx<1) idx = 19;
if (idx>19) idx = 1;
var fname=(idx<10)? "img/0"+idx.toString()+".JPG" : "img/"+idx.toString()+".JPG";
document.getElementById("imgview").src=fname;
}
</script>
</html>