Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Анимация при клике идёт циклически, а мне нужен один цикл. (https://javascript.ru/forum/misc/31604-animaciya-pri-klike-idjot-ciklicheski-mne-nuzhen-odin-cikl.html)

dvdbav 13.09.2012 23:37

Анимация при клике идёт циклически, а мне нужен один цикл.
 
Вложений: 1
Анимация при наведения курсора идёт циклически, а мне нужен только один цикл.Подскажите как мне сделать так чтобы после прохождения цикла картинка остановилась? И можно ли к картинке звук прилепить? Когда цикл идет и параллельно звук звучит?:help: Я прикрепил файл для наглядного просмотра.
<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>


Часовой пояс GMT +3, время: 08:15.