DEPRECATION WARNING

This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.

EXT: Text Animator - Text f/x: ScrollFader¶

Author:	Kasper Skårhøj
Created:	2002-11-01T00:32:00
Changed by:	Peter Russ
Changed:	2004-04-15T12:45:10
Author:	Peter Russ
Email:	peter.russ@4dfx.de
Info 3:
Info 4:

EXT: Text Animator - Text f/x: ScrollFader¶

Extension Key: fdfx_text_animator

This document is published under the Open Content License

available from http://www.opencontent.org/opl.shtml

The content of this document is related to TYPO3

- a GNU/GPL CMS/Framework available from www.typo3.com

Table of Contents¶

EXT: My Extension 1

Introduction 1

What does it do? 1

Screenshots 1

Users manual 1

FAQ 1

Adminstration 1

FAQ 2

Configuration 2

FAQ 2

Reference 2

Tutorial 2

Known problems 2

To-Do list 2

Changelog 2

Introduction¶

What does it do?¶

This extension is meant to fade text from a background color to a text color and vice versa. Additionally the text can be scrolled. The text will be grabbed automatically from a <DIV> section in the document. So ANY text content can by animated.

Advantages¶

Text will be also displayed if no Javascript is available (!)

Any content can be used, e.g. latest news or special offers from tt_products.

Users manual¶

To use the extension get it installed utilizing the extension manager first.

Now simply follow the steps:

Include a <DIV> section in your template where you want to have the text displayed and animated. The section has to have the id " fdfx_textanim ". *E.g.* *<div id="fdfx_textanim"></div>*

Insert a Typo3 marker in the created section so you can replace it using TS. *E.g.* <div id="fdfx_textanim"> *###FDFX_SCROLLER###* </div>i.e. Typo3 marker is FDFX_SCROLLER

Adjust your TypoScript template to get your prefered content displayed into the section *E.g.* To get the content of the right column displayed if anypage{...marks{#Text AnimationFDFX_SCROLLER >FDFX_SCROLLER < styles.content.getRight...}}

Now insert the plugin 4D f/x Text Animator to the page were you want to have the text animated.

To adjust colors, scolling etc. please refer to configuration.

Configuration¶

All parameters can be set using Typo3's backend Template-Constant Editor : TX_FDFXTEXTANIMATOR_PI1

Parameters are explained there.

HINT:

Play with background-color and text-color .

Set the backgound-color to the background-color of a text-box will give a text appearing from “nothing” disappearing again (refer http://www.4dfx.de).

Limitations¶

Only one element per page can be animated so far.

Links and images are not faded as this pluggin is cross browser compatible, but if scolling is enabled they will be scolled.

FAQs¶

None so far.

EXT: Text Animator - Text f/x: ScrollFader - 2