Modern Java
http://www.modernminds.com
W ild Web Slide Show

 Slide show programs normally allow you to display a sequence of graphic images at a specific timed interval. The Wild Web Slide Show is a WildView display that takes the slide show concept a bit further and allows you to display a sequence of web pages at a specific timed interval.

Web pages displayed by the Wild Web Slide Show can contain anything that a normal web page can contain: text, images, links, animated GIFs, even other Java applets! In addition, the web pages can reside anywhere on the Internet -- you don't have to worry about Java security restrictions!

The Wild Web Slide Show demo displays simple pages with graphic images, but the applet could also be used for advertising, site previews, etc.
Show Demo Page


To view the Wild Web Slide Show Demo page, click the link below. A new browser window with the demo frameset will automatically open.
A pplet Tag

 The applet tag for the Wild Web Slide Show applet is shown below.
<APPLET CODEBASE="../../Java"
  WIDTH="250" HEIGHT="50"
  CODE="WildViewApplet.class">
<PARAM NAME="loadMsg"
  VALUE="Preparing slide projector...">
<PARAM NAME="color" VALUE="ffffff">
<PARAM NAME="panelSet1"
  VALUE="DocExamples/WildWebSlideShow/SlideShow.TXT"> </APPLET>
P anel Set File

The panel set file used by the Wild Web Slide Show applet is shown below.
<!-- This is the image panel for the "Slide" text. Note that the panel names for the loadTrigger attribute must be lowercase since the value for the name attribute in the target panels is not enclosed in quotation marks>

<PANEL name=Slide module="WVPanelImage"
  x=3 y=0 w=105 h=50 align=tl
  image="DocExamples/WildWebSlideShow/SlideShow.GIF"
  loadTrigger="slideanim slidechanger"
  displayX=0 displayY=0
  displayW=105 displayH=50>

<!-- This is the image panel for the "Show" text.>

<PANEL name=Show module="WVPanelImage"
  image=Slide x=108 y=0 w=110 h=50
  displayX=110 displayY=0
  displayW=105 displayH=50>

<!-- This is the image panel for the Play button.>

<PANEL name=Play module="WVPanelImage"
  image=Slide x=220 y=0 w=30 h=25
  background=bfbfbf align=c
  displayX=222 displayY=0
  displayW=24 displayH=25>

<!-- This is the image panel for the Pause button.>

<PANEL name=Pause module="WVPanelImage"
  image=Slide x=220 y=24 w=30 h=25
  background=bfbfbf align=c
  displayX=247 displayY=0
  displayW=24 displayH=25>

<!-- This timer panel animates the "Slide" text.>

<PANEL name=slideanim module="WVPanelTimer"
  initWait=Slide>
<TRIGGER panel=Slide displayX=0
  displayW=0 displayH=0>
<WAIT timeout=1>
<TRIGGER panel=Slide displayX=80
  displayW=25 displayH=50>
<WAIT timeout=1>
<TRIGGER panel=Slide displayX=60
  displayW=45 displayH=50>
<WAIT timeout=1>
<TRIGGER panel=Slide displayX=40
  displayW=65 displayH=50>
<WAIT timeout=1>
<TRIGGER panel=Slide displayX=20
  displayW=85 displayH=50>
<WAIT timeout=1>
<TRIGGER panel=Slide displayX=0
  displayW=105 displayH=50>
<WAIT timeout=50>

<!-- This trigger panel causes the "button down" Play button image to be displayed when the Play button is clicked. Also, it causes the "button up" Pause button image to be displayed, and it starts the slide show.>

<PANEL name=PlayTrigger module="WVPanelTrigger"
  x=220 y=0 w=30 h=25>
<TRIGGER event=buttonDown panel=Play
  displayX=222 displayY=25
  displayW=24 displayH=25>
<TRIGGER event=buttonDown panel=Pause
  displayX=247 displayY=0
  displayW=24 displayH=25>
<TRIGGER event=buttonDown panel=SlideChanger
  id=continue>

<!-- This trigger panel causes the "button down" Pause button image to be displayed when the Pause button is clicked. Also, it causes the "button up" Play button image to be displayed, and it pauses the slide show.>

<PANEL name=PauseTrigger module="WVPanelTrigger"
  x=220 y=24 w=30 h=25>
<TRIGGER event=buttonDown panel=Play
  displayX=222 displayY=0
  displayW=24 displayH=25>
<TRIGGER event=buttonDown panel=Pause
  displayX=247 displayY=25
  displayW=24 displayH=25>
<TRIGGER event=buttonDown panel=SlideChanger
  wait=continue>

<!-- This timer panel controls showing the web page "slides.">

<PANEL name=SlideChanger module="WVPanelTimer"
  initWait=Slide>
<TRIGGER panel=Play displayX=222 displayY=25
  displayW=24 displayH=25>
<LOAD
  url="../Examples/WildWebSlideShow/ImageA1.html"
  target="ImageA">
<WAIT timeout=150>
<LOAD
  url="../Examples/WildWebSlideShow/ImageB1.html"
  target="ImageB">
<WAIT timeout=150>
<LOAD
  url="../Examples/WildWebSlideShow/ImageA2.html"
  target="ImageA">
<WAIT timeout=150>
<LOAD
  url="../Examples/WildWebSlideShow/ImageB2.html"
  target="ImageB">
<WAIT timeout=150>
<LOAD
  url="../Examples/WildWebSlideShow/ImageA3.html"
  target="ImageA">
<WAIT timeout=150>
<LOAD
  url="../Examples/WildWebSlideShow/ImageB3.html"
  target="ImageB">
<WAIT timeout=150>

The URLs are alternately loaded into two separate frames with a fifteen second delay after each URL is loaded. While two URLs could be simultaneously loaded into the two frames, loading one URL at a time allows more time for each image to be transferred over the network and viewed. If the two URLs where changed together as a set, then they would only be seen for fifteen seconds. The current implementation allows thirty seconds for each URL, but still displays a new URL every fifteen seconds.

Notice that the animation for the "Slide" text was performed using only a single image. This was accomplished by using a WVPanelTimer module that sends triggers to the WVPanelImage panel. The triggers select only a portion of the image at a time and the select portion is left-justified with a white background. Each trigger causes more and more of the image to be displayed creating an effect of the text "sliding" in from the left to the right.
I mage File

The image file used by the Wild Web Slide Show applet is shown below.

 SlideShow.GIF
Copyright © 1997 by Modern Minds, Inc.