Example

// <!-- ____________________________ Start XML ___________________________

<DepthField slideAmount="30" glowColor="#00aa00" glowAlpha="1.0"
      focusBlur="0">

  <DepthLayer src="images/layer-1.jpg" masksrc="images/layer-1-mask.jpg"
      depth="0" href="images/layer-1.jpg" />
  <DepthLayer src="images/layer-2.jpg" masksrc="images/layer-2-mask.jpg"
      depth="1" />
  <DepthLayer src="images/layer-3.jpg" masksrc="images/layer-3-mask.jpg"
      depth="2" href="images/layer-3.jpg" />
  <DepthLayer src="images/layer-4.jpg" masksrc="images/layer-4-mask.jpg"
      depth="3" />
  <DepthLayer src="images/layer-5.jpg" depth="5" />

</DepthField>

//      _____________________________ End XML ____________________________ -->

DepthField flash effect script requires Flash 9

DepthField

The Depth Field effect provides a scrolling window onto a layer of transparent images. By sliding the images at different rates, the effect gives the illusion of depth.

Features

No Flash skills required!
Simple to embed in HTML.
High browser compatibility.
Each layer is linkable with configurable mouse-over effects.
Uses PNG, JPG or GIF formats to encode transparency.
Free for non-commercial sites - will display link-back.

Source Images

XML Configuration

Follow our simple installation steps to get it up on your site in no time!