Я в основном новичок в Javascript'er, и я пробую его на веб-странице, которая, после нажатия кнопки, открывает окно, которое показывает циклический «фильм» с изображениями из главного окна. Судя по тому, что я пробовал гуглить, я чувствую, что довольно близок, но что-то ускользает от меня.
Я знаю, что в результате приводит к двум отдельным вопросам, которые заслуживают двух отдельных сообщений. Но я полагаю, потому что оба связаны с одной и той же проблемой / целью, возможно, это относится к одному (хотя и длинному) посту. Поэтому я надеюсь, что размер этого не слишком раздражает людей ...; -)
В любом случае, вот снимок того, что я считаю соответствующим кодом:
<html>
<head>
<script language="javascript">
function wait() {}
function anim() {
var timeout; var next;
var popuptitle='Movie';
var main=parent;
var popup=parent.open("","",
"width="+main.document.images[0].width+",height="+(main.document.images[0].height+40)+
"toolbar=no,location=no,directories=no,status=no,"+
"menubar=no,scrollbars=no,copyhistory=no,resizable=no");
popup.document.write('<html><head><title>'+popuptitle+'</title></head><body>'+
'<p align="center"><img name="anim" width="100%" alt=""></p>'+
'<p align="center"><button name="close" onclick="javascript:window.close();">Close</button></p>'+
'</body></html>');
/*while(true)*/
for(i=0; i<main.document.images.length; i++) {
next=main.document.images[i].src;
popup.document.images[0].src=next;
timeout=setTimeout('wait();',500);
}
}
</script>
</head>
<body><h1>Pictures + animation</h1>
<p><button name="exec" onclick="javascript:anim();">Animate (popup)</button></p>
<p><img src="img1.jpg"></p>
....
<p><img src="img16.jpg"></p>
</body>
</html>
Я набрал / адаптировал это для соответствия; Я надеюсь, что я не сделал никаких опечаток ...
Я работаю с Iceweasel Debian Etch (ребрендинг Firefox 2.x); Я не пробовал это с другими браузерами. В Iceweasel происходит следующее:
- Всплывающее окно отображается так, как и должно быть, но кажется, что цикл идет прямо к последней картинке.
setTimeout кажется, не влияет на "паузу" между картинками.
- Отображается последнее изображение, а в строке состояния всплывающего окна отображается индикатор выполнения на полпути, что свидетельствует о загрузке.
Итак, мои вопросы:
- Как именно я должен использовать здесь
setTimeout звонок? Я пытался заставить ее вызывать «пустую» функцию, поэтому она работает как «пауза» в цикле, имеющем setTimeout(), где цикл обновляет одиночное всплывающее изображение из массива изображений главного окна.
- Я считаю, что если я загружаю всплывающее окно, загружая HTML-код из внешнего файла (
anim.html), строка состояния, похоже, показывает из "индикатора выполнения", что окно продолжает ожидать перезагрузки. Я все еще собираюсь попробовать, если это откуда-то еще, но что я хочу знать, если это важно / важно, чтобы я загружал HTML-страницу из внешнего файла с window.open(), в отличие от загрузки пустого окна и выполнения записи ему «написать» свой HTML.
- Я прокомментировал
while(true) в цикле, потому что в противном случае браузер перестает отвечать на запросы, и компьютер переходит на 100% ЦП. Я мог бы сделать if в цикле for, чтобы обнулить счетчик до последнего элемента, но есть ли другой «элегантный» или «более подходящий» способ сделать этот бесконечный цикл - или делает while(true) хорошо?
Я заранее оцениваю ваши комментарии и, если возможно, указатель на существующую библиографию, описывающую подобные решения.