Введение:
Аннотация
Описание imager
Апплеты:
ScaledImageViewer
ImagesPreLoader
OperatedPreLoader
OperatedImageViewer
Fragmentor
SimpleSliderAnimator
DynamicBannerViewer
Применение imager:
Встраивание апплетов в HTML-документ
Управление апплетами с помощью скриптов
Применение отдельных апплетов из архива
Примеры:
SimpleSliderAnimator
OperatedPreLoader
OperatedPreLoader и OperatedImageViewer
Fragmentor и OperatedImageViewer
DynamicBannerViewer: "анимированный баннер"
DynamicBannerViewer: "слайдер"
DynamicBannerViewer: эффект "шлейф"
DynamicBannerViewer: композиция изображений
Каталог HeadNet.Ru
Загрузить imager   Описание DynamicBannerViewer   HTML   JavaScript
Назад

DynamicBannerViewer: композиция изображений

Сначала демонстрирует поочередно все загруженные изображения с интервалом 1 секунда. Затем "собирает" общее изображение из всех загруженных и демонстрирует в окне апплета.
Использует "прозрачные изображения".
Повторяет цикл демонстрации каждые 10 секунд.
Для работы в качестве графической ссылки задается описание апплета.

Текст HTML:

...
<APPLET NAME="bannerviewer4" CODEBASE="applets" ARCHIVE="imager.zip" CODE="OperatedImageViewer.class" WIDTH=154 HEIGHT=60>
 <PARAM NAME="align" VALUE="center">
 <PARAM NAME="bgcolor" VALUE="DFDFCF">
 <PARAM NAME="filenmlist" VALUE="imborder.gif imtext.gif r5.gif jap.gif dtext.gif">
 <PARAM NAME="link" VALUE="http://www.orel.ru/imager.foreground.php">
</APPLET>
...

В начало страницы

Текст JavaScript:

<SCRIPT LANGUAGE="JavaScript">
<!--
/* индекс загруженного изображения в списке */
i = 0;
/* установка интервала демонстрации */
delay = window.setInterval("demoCycle()", 10000);
function demoCycle(){
 document.applets.bannerviewer4.clearFore(false);
 document.applets.bannerviewer4.clearBack(true);
 if(!document.applets.bannerviewer4.isLoading())
  cycle = window.setInterval("foreComp()", 1000);
}
function foreComp(){
 if (i<document.applets.bannerviewer4.getCount()){
  if(document.applets.bannerviewer4.isSuccess(i))
   document.applets.bannerviewer4.backPaint(i, 1, true);
  i++
 }
 else{
  document.applets.bannerviewer4.clearBack(false);
  document.applets.bannerviewer4.clearBuf(true);
  window.clearInterval(cycle);
  i=0;
/* Методы апплета для "перерисовки окна" могут вызываться не только из скрипта, но также вызываться броузером, поэтому для надежной работы скрипта после каждой операции "рисования в буфере" текущее изображение в буфере следует запомнить как изображение заднего плана */
  if(document.applets.bannerviewer4.isSuccess(0)){
   document.applets.bannerviewer4.forePaint(0,0,0,1,false);
   document.applets.bannerviewer4.setBack(false);
   document.applets.bannerviewer4.forePaint(153,0,0,1,false);
   document.applets.bannerviewer4.setBack(false);
  }
  if(document.applets.bannerviewer4.isSuccess(1)){
   document.applets.bannerviewer4.forePaint(0,0,1,1,false);
   document.applets.bannerviewer4.setBack(false);
   document.applets.bannerviewer4.forePaint(0,59,1,1,false);
   document.applets.bannerviewer4.setBack(false);
  }
  if(document.applets.bannerviewer4.isSuccess(2)){
   document.applets.bannerviewer4.forePaint(51,17,2,1,false);
   document.applets.bannerviewer4.setBack(false);
  }
  if(document.applets.bannerviewer4.isSuccess(3)){
   document.applets.bannerviewer4.forePaint(2,2,3,1,false);
   document.applets.bannerviewer4.setBack(false);
  }
  if(document.applets.bannerviewer4.isSuccess(4)){
   document.applets.bannerviewer4.forePaint(59,2,4,1,false);
   document.applets.bannerviewer4.setBack(false);
  }
  if(document.applets.bannerviewer4.isSuccess(5))
   document.applets.bannerviewer4.forePaint(3,46,5,1,true)
  else
   document.applets.bannerviewer4.clearFore(true);
 }
}
// -->
</SCRIPT>

В начало страницы
Назад  

Владимир Фомичев 2002, ©Владимир Фомичев