Введение:
Аннотация
Описание 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

Слайды демонстрируются с интервалом 7 секунд с эффектом наложения друг на друга. Эффект создается за счет установки текущего слайда в качестве изображения заднего плана в конце каждого цикла наложения.
Параметр апплета link не задается.

Текст HTML:

...
<APPLET NAME="bannerviewer1" CODEBASE="applets" ARCHIVE="imager.zip" CODE="OperatedImageViewer.class" WIDTH=302 HEIGHT=196>
 <PARAM NAME="picture" VALUE="im1.jpg">
 <PARAM NAME="scale" VALUE="1">
 <PARAM NAME="filenmlist" VALUE="im1.jpg im2.jpg im3.jpg im4.jpg im5.jpg im6.jpg im7.jpg">
</APPLET>
...

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

Текст JavaScript:

<SCRIPT LANGUAGE="JavaScript">
<!--
/* индекс загруженного изображения в списке */
i = 0;
/* текущая координата x для вывода изображения переднего плана */
x=1;
/* установка интервала демонстрации */
delay = window.setInterval("slideCycle()", 7000);
function slideCycle(){
 x=document.applets.bannerviewer1.getAppletWidth()-1;
 if (i < document.applets.bannerviewer1.getCount()-1)
  i++
 else i=0;
 if (document.applets.bannerviewer1.isSuccess(i))
  scrollCycle = window.setInterval("slideScroll()", 50)
 else window.status =
  "Изображение "+(i+1)+ " еще не загружено или повреждено";
}
function slideScroll(){
 x-=20;
 if (x>0) document.applets.bannerviewer1.forePaint(x,1,i,1,true)
 else{
  window.clearInterval(scrollCycle);
  x=1;
  document.applets.foreviewer1.clearFore(false);
  document.applets.foreviewer1.backPaint(i, 1, false);
 }
}
// -->
</SCRIPT>

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

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