Пример использования OperatedPreLoader
В этом примере показано использование методов апплета для изменения
содержимого массива изображений а также для показа изображений в окне
апплета и отдельном окне.
Апплет осуществляет предварительную загрузку 3 изображений, заданных параметром
filenmlist и ваводит в своем окне изображение, заданное
параметром picture. Сообщение "End of loading! Total 3 images"
в строке состояния свидетельствует об окончании загрузки.
Работой апплета можно управлять с помощью кнопок, расположенных под апплетом.
Нажатие любой кнопки приводит к вызову соответствующей функции JavaScript.
Нажатие кнопки "Add" добавляет изображения к уже загруженным.
Нажатие кнопки "Replace" удаляет ранее загруженные изображения из памяти
апплета и загружает новые согласно списку.
Нажатие кнопки "Next" выводит следующее по порядку изображение в окне
апплета с увеличением в 1.2 раза. Если изображение последнее в списке, то выводится первое.
Нажатие кнопки "In window" создает отдельное окно и выводит в нем текущее изображение с увеличением
в 2 раза
...
<APPLET NAME="preloader" CODEBASE="applets" CODE="OperatedPreLoader.class" ARCHIVE="imager.zip"
WIDTH="364" HEIGHT="236">
<PARAM NAME="picture" VALUE="im1.jpg">
<PARAM NAME="align" VALUE="c\center">
<PARAM NAME="bgcolor" VALUE="C0C0C0">
<PARAM NAME="scale" VALUE="1.2">
<PARAM NAME="filenmlist" VALUE="im1.jpg im2.jpg im3.jpg">
</APPLET>
<FORM>
<INPUT TYPE="button" VALUE="Add"
onClick="addImages()">
<INPUT TYPE="button" VALUE="Replace" onClick="replaceImages()">
<INPUT TYPE="button" VALUE="Next"
onClick="showNext()">
<INPUT TYPE="button" VALUE="In window" onClick="showInWindow()">
</FORM>
...
В начало страницы
<SCRIPT LANGUAGE="JavaScript">
<!--
/* Хранит индекс изображения в окне апплета */
index = 0;
/* Добавляет изображения im4.jpg, im5.jpg к загруженным ранее */
function addImages(){
document.applets.preloader.addImageList("im4.jpg im5.jpg");
}
/* Удаляет загруженные ранее изображения и загружает новые */
function replaceImages(){
document.applets.preloader.changeImageList("im6.jpg im7.jpg");
}
/* Выводит в окне апплета следующще по порядку изображение. Если изображение последнее то выводит первое */
function showNext(){
if (index >= document.applets.preloader.getCount()-1) index=0;
else index++;
if (document.applets.preloader.isSuccess(index){
document.applets.preloader.changePicture(filenm, 1.2);
}
else{
window.status = "Изображение " + index + " загружается или
повреждено!";
}
}
/* Выводит текущее изображение в отдельно создаваемом окне */
function showInWindow(){
/* Формируем заголовок окна */
title = "Изображение " + (index+1);
/* Выводим изображение в массштабе 2 */
document.applets.preloader.showImageInWindow(index,2.0,title);
}
// ->
</SCRIPT>
В начало страницы
|
