Введение:
Аннотация
Описание 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: эффект "шлейф"

Демонстрирует эффект "шлейф" на переднем и заднем плане. Использует "прозрачные" изображения.
Для работы в качестве графической ссылки задается описание апплета.

Текст HTML:

...
<APPLET NAME="bannerviewer3" CODEBASE="applets" ARCHIVE="imager.zip" CODE="DynamicBannerViewer.class" WIDTH=150 HEIGHT=80>
 <PARAM NAME="picture" VALUE="trainback.gif">
 <PARAM NAME="scale" VALUE="1.0">
 <PARAM NAME="bgcolor" VALUE="FFFFAA">
 <PARAM NAME="filenmlist" VALUE="trainback.gif monitor.gif">
 <PARAM NAME="link" VALUE="http://www.orel.ru/imager.foreground.php">
</APPLET>
...

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

Текст JavaScript:

<SCRIPT LANGUAGE="JavaScript">
<!--
/* счетчик выводов в цикле "шлейфа" */
i = 0;
/* начальные координаты и массштаб для вывода изображения переднего плана */
fx = 67;
fy = 15;
scl = 0.4;
/* устанавливает передний или задний план для демонстрации */
isFore = true;
/* установка интервала демонстрации */
delay = window.setInterval("trainCycle()", 10000);
function trainCycle(){
 document.applets.bannerviewer3.backPaint(0, 1, false);
 if (!document.applets.bannerviewer3.isLoading)
  cycle = window.setInterval("foreTrain()", 250);
}
function foreTrain(){
 if (i<11){
/* эффект на переднем плане */
  if (isFore==true){
   document.applets.bannerviewer3.forePaint(fx,fy,1,scl,false);
   document.applets.bannerviewer3.setBack(true);
  }
/* эффект на заднем плане */
  else{
   document.applets.bannerviewer3.forePaint(fx,fy,1,scl,false);
   document.applets.bannerviewer3.setBack(false);
   document.applets.bannerviewer3.forePaint(0, 0, 0 ,1, true);
  }
/* рассчет параметров следующего кадра */
  scl=scl*1.1; fx+=3; fy+=2; i++;
 }
 else{
/* выход из цикла, вывод последнего кадра и подготовка следующего цикла */
  window.clearInterval(cycle);
  if (isFore==true){
   document.applets.bannerviewer3.forePaint(fx,fy,1,scl,false);
   document.applets.bannerviewer3.backPaint(0,1,true)
  else{
   document.applets.bannerviewer3.backPaint(0,1,false);    document.applets.bannerviewer3.forePaint(fx,fy,1,scl,false);
   document.applets.bannerviewer3.setBack(false);
   document.applets.bannerviewer3.forePaint(0, 0, 0, 1, true);
  }
  scl=0.4; fx=67; fy=15; i=0; isFore = !isFore;
 }
}
// -->
</SCRIPT>

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

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