Customizing DepthField

To control look-and-feel, DepthField allows you to specify a large range of options as attributes in the XML configuration. It is best to look at the examples to see how these work. The following tables show the possible tags that you can use in DepthField, together with their attribute settings:

DepthField

focusBlur
Amount of focus blur to apply (zero for no blur).

Examples: 2,5

focusTime
Time taken to focus on layer.

Examples: 10,4

glowAlpha
Alpha of mouse-over glow

Examples: 1,0.8

glowBlurX
X-direction blur of mouse-over glow

Examples: 25,5

glowBlurY
Y-direction blur of mouse-over glow

Examples: 25,5

glowColor
Color of mouse-over glow

Examples: #0000ff,#ff0000

glowInner
Whether the glow effect should occur inside the image.

Examples: true,false

glowStrength
Strength of mouse-over glow (size of glow)

Examples: 1,0.8

highQuality
Whether to use high-quality graphics for blurs.

Examples: true,false

moveTime
Time taken to scroll.

Examples: 10,20

slideAmount
Intensity of image slide

Examples: 15,5

DepthLayer

depth
Depth of layer (higher numbers further back, starting from zero)

Examples: 0,1

frame
Frame to open any link in.

Examples: _self,_top

href
Link to open on click.

Examples: http://www.google.com/,http://www.yahoo.com/

masksrc
URL of mask image

Examples: images/1-mask.jpg,images/2-mask.jpg

src
URL of image to display

Examples: images/1.jpg,images/2.jpg

Styles

It is often useful to apply the same attributes to a whole section of XML. In order to do so, you can include such attributes in the special <style> </style> tag. All of the attributes in the style tag are applied to the elements it contains.

External configuration files

You can also include external configuration files in your XML. To do this, use a tag like this: <include file="filename"/>

Extra Customization

If you would ike to include new fonts, images or other effects, please write to us with a feature request.