Layer Animation - animated DokuWiki content

<animation %HEIGHT%>
	<layer %OPTION%>
		<item %OPTION%(?%CLIP%)>
			This is all **DokuWiki [[Content]]**
			You can even use other plugins and images.
		</item>
 
		<item>
			...
		</item>
	</layer>
 
	<layer>
		...
	</layer>
</animation>

There are basically three things that can be defined using the options place holders %HEIGHT% and %OPTION% and %CLIP% from above.

• %HEIGHT% is a number determining the height of the overall animation in pixels. The width of the animation cannot be set - it is always 100% of the available width. If you want that otherwise, you can define the following in your template stylesheet:

  #layeranimation {
  	width: 50%;
  }

• %OPTION% - there is one special keyword you can use here (see below). Besides the keyword you can put any CSS class name into this place to make the animation look more like you need it (e.g. colors, floating of images, text direction … )
  • Keyword fixed in layer - this can only be used in the first layer and will make it a static background layer.
  • Keyword right in item - using this keyword in an item will animate it from left to right instead of right to left.
• %CLIP% (optional) - if you use several items with links in the same layer, you will not be able to click the links on the lower items. This is due to HTML Container positioned above. Using the optional clipping you can set the viewport of an item (the CSS attribute “clip” will be used). You have to define four values - numbers or “auto” - for top,right,bottom,left, e.g: <item ?auto,100,100,auto> - the example will add a clip to the lower left.