Welcome to the SlideViewer Full Example Page

Below is an example of the SlideViewer applet performing all types of transitions. The list of possible transitions, in the order that this example is performing them, is below the applet.

(The coast, storm, and bridge images were taken by Chris Taylor.)

These are the types of transitions (currently) possible in SlideViewer:

• Appear -- Causes the picture to appear instantly
• Slide -- Slide the picture in to the Right, Left, Up, or Down, pushing the old image off
• SlideOver -- Slide the picture in to the Left, Right, Up, or Down over the old image. Also slides in from TopLeft, TopRight, BottomLeft, and BottomRight
• RollIn -- "Roll in" the picture to the Right, Left, Up, or Down over the old image. Also Roll in from Up&Down or Left&Right
• RollOut -- "Roll out" the picture to the Right, Left, Up, or Down over the old image (these are not shown here, as they mirror RollIn Left, Right, Down, and Up, respectively). Also Roll Out to Up&Down or Left&Right
• Explode -- Expand out an image over the old image from the center outward in all directions
• Implode -- Expand in an image over the old image from the outside inward from all directions
• StripsOver -- Slide in strips of the new image over the old image. Strips slide in to the Left, Right, Up, and Down. Whether the left/top strips slide in first or the right/bottom strips slide in first is an option.
• StripsSlide -- Slide in strips of the new image, pushing out strips of the old image. Strips slide in to the Left, Right, Up, and Down. Whether the left/top strips slide in first or the right/bottom strips slide in first is an option.
• PixelIn -- Pixelate In chunks of the new image over the old one.
• (Blinking is implemented with a loop. See Below.)
• WavyDelay -- Have the image wave around during a delay period
• Wipe -- Wipe in the new image over the old, as in painting it on in a quick rotational swipe. Supports pivot points of TopLeft, Top, TopRight, Left, Center, Right, BottomLeft, Bottom, and BottomRight. Whether the wipe is a clockwise or counter-clockwise wipe is an option.
• WavyMorph -- Cause the current image to become unrecognizably wavy, then replace strips of the wavy image with strips of the new image, and "unwave" it to normal. Supports horizontal and vertical waves.
• Another PixelIn -- This one uses single pixels and looks somewhat like a fade between the two images.
• Rotate -- Rotate on the new image, as if the current image is on one side of a board with the new image on the other and the board is rotated so you can see the other side. Supports horizontal and vertical rotations.
• FadeIn -- Fade in an image from black.
• DecayDelay -- Cause the image to decay during a delay period.
• FadeOut -- Fade out the current image to black.