Анимация при клике идёт циклически, а мне нужен один цикл.
Вложений: 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. |