Dynamic Headline Fader, Version 2.0
introduction

Important Note:
This tutorial discusses Version 2.0 of the Fader script. The most recent version is Version 2.01, introduced in the first addendum to this column.
The script is constantly under revision, with new features added, problems fixed and new browser versions addressed.
Read this column, and future columns and addendi, to learn how we built the fader script. However, always use the most recent version of the script in your web pages.

This tutorial can be appreciated by users of any browser, any version. The in-line examples will work only in Netscape Navigator 4 and Microsoft Internet Explorer 4+.

double click fader to replay

Yes, at long last, a new version of our Dynamic Headline Fader, first introduced in Column 13.

We've made the script more elegant, added versatility and several new features.

Prerequisites

• Familiarity with the original Dynamic Headline Fader script, developed in Column 13, or at least:

  1. An understanding of Explorer Blend Transition Filter. This was discussed and demonstrated in Column 13.

  2. An understanding of the Navigator GIF-based workaround we developed for the original fader. Please review the relevant pages.

     In the interest of space, the above two points will not be repeated in this column. It will be assumed that the reader is aware of their logic.

Version 2 Improvements

1. Only one element, the fader element, is hardcoded in the page's HTML. The Navigator-specific nested elements are created dynamically, after page load.
2. The fader may be absolutely or relatively positioned in the page.
3. More parameter variables for fader styling, including border variables
4. A single array for both the display text and link URLs.
5. Delayed Navigator start until GIF is fully loaded.
6. Dynamic class creation and styling for Navigator.
7. Dynamic class creation and styling for Explorer.
8. Ability to display any combination of link items and static items.
9. Choice of ending loops with last item or first item.
10. Optional replay upon user double click.
11. A new GIF for the Navigator effect.
12. and more...

So, if your comfortable with the two prerequisites, above, let's start with the fader's page-inclusion HTML.

**

Don't know what a Burma Shave message is?
Check out Grant's Central Station

Produced by Peter Belesis and

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

Solutions

Whitepapers and eBooks

Microsoft Articles: Visual Studio 2010 Adobe Article: Adobe Helps PHP Developers Create Rich Internet Applications Microsoft Whitepaper: How Windows Server 2008 R2 Helps Optimize IT and Save You Money Adobe Article: Java Developers Finding a Home at Adobe Flex IBM Articles: A Smarter Business Needs Smarter Technology Intel Xeon Processor Increases Server Efficiency and Capabilities Intel Tech Brief: Automated Energy Efficiency for the Intelligent Enterprise Oracle Whitepapers - Innovation for IT Leaders Avaya Article: Communication-Enabled Mashups--Empowering Both Business Owners and IT

Internet.com eBook: IT Manager's Guide to Social Networking Internet.com eBook: Get Ready for Windows 7 Microsoft Article: Expression Web 3--New Features for PHP Developers Whitepapers: Manage Your Business Infrastracture with IBM Whitepaper: Maximize Your Storage Investment with HP Internet.com eBook: Becoming a Better Project Manager Microsoft Article: Stress Free and Efficient Designer/Developer Collaboration MORE WHITEPAPERS, EBOOKS, AND ARTICLES

Webcasts

Webcast: Connecting PHP to Microsoft Technologies Video: Microsoft Partner Program Benefits Video: Windows Azure Debugging Tips SAP BusinessObjects Webcast: Unlock the Power of Reporting with Crystal Reports

IBM Webcast: Speed Business Innovation with Reduced Cost and Risk Video: Deploy Applications on Windows Azure MORE WEBCASTS, PODCASTS, AND VIDEOS

Downloads and eKits

Download: Microsoft Visual Studio 2010 Beta 2 Downloads & Free Trials: Microsoft's New Efficiency Resource Center Get the Windows 7 SDK

Free Trial: Red Gate SQL Backup Pro 6 Iron Speed Designer Application Generator MORE DOWNLOADS, EKITS, AND FREE TRIALS

Tutorials and Demos

Internet.com Hot List: Get the Inside Scoop on the Hottest IT and Developer Products All About Botnets

MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES

The latest from WebReference.com Browse > Site Contents - - - - - Experts * 3D Animation * Design * DHTML * Graphics * HTML * JavaScript * Perl * XML - - - - - Web Resources * Authoring * Design * Internet * Multimedia * Programming * Promotion - - - - - Services * Interviews * Newsletters * Reviews * Search * Tools Rolling Out Your Own HTML Application Version Control · HTML 5: Client-side Storage · Working with Ajax Server Extensions Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters >   The latest from internet.com Wi-Fi Product Watch, November 2009 · Chip Market Recovering From '08 Collapse · Low-Cost Tools to Kickstart Your New Business

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

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