DHTML Lab - dhtmlab.com - Dynamic Headline Fader, Version 2.0 | 7 | WebReference

DHTML Lab - dhtmlab.com - Dynamic Headline Fader, Version 2.0 | 7


Dynamic Headline Fader, Version 2.0
final notes

Fader Positioning

If you assign a position value of absolute to the fader element, then it will behave like any DHTML positioned element.

Judging from how Version 1 of the fader was used on the Web, most authors will want to place it in a non-DHTML page, within the page flow. More often than not, it is placed in a table. If you choose to position it relatively, within a table, note the following:

  1. Explorer will treat elFader like any other element. It will expand the table cell to contain it:

    The fader in a TABLE with BORDER=10.

  2. Navigator will treat elFader like a layer, which, for Navigator, it is. It will be positioned correctly on the page, but will float outside the table:

    The fader in a TABLE with BORDER=10.

  3. Therefore, you must expand the table cell manually. Give your table cell WIDTH and HEIGHT values, sizing it to contain the fader.


The Navigator fade effect, using the transparent GIF, is based on the Transpray technique at the Taboca Entertainment Technology Corporation website. Mr. Marcio S. Galli, the author of Transpray, has provided DHTML Lab readers with a new improved GIF, effecting smoother transitions, which we have been using in Version 2. Thanks, Marcio.

Version 1 of the fader proved quite popular among DHTML Lab readers. Many of the new features implemented in Version 2 arise out of feedback from you. Unfortunately, Version 2 took a long time getting to publication. Along the way, I lost the "Version 2 Thank You List." If you see your suggestion implemented in Version 2, a big Thank You.

The complete code is repeated for your perusing pleasure on our usual code pages.

Produced by Peter Belesis and

All Rights Reserved. Legal Notices.
Created: Sep 07, 1999
Revised: Sep 07, 1999

URL: http://www.webreference.com/dhtml/column25/fade2final.html