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:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

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

Solutions

Whitepapers and eBooks

Microsoft Article: Will Hyper-V Make VMware This Decade's Netscape? Microsoft Article: BitLocker Encryption on Windows Server 2008 Go Parallel Article: Intel Thread Checker, Meet 20 Million LOC IBM Whitepaper: Innovative Collaboration to Advance Your Business Internet.com eBook: Real Life Rails Avaya Article: Call Control XML - Powerful, Standards-Based Call Control Tripwire Whitepaper: Seven Practical Steps to Mitigate Virtualization Security Risks Internet.com eBook: The Pros and Cons of Outsourcing Internet.com eBook: Best Practices for Developing a Web Site

IBM CXO Whitepaper: The 2008 Global CEO Study "The Enterprise of the Future" Avaya Article: Call Control XML in Action - A CCXML Auto Attendant Go Parallel Article: James Reinders on the Intel Parallel Studio Beta Program IBM CXO Whitepaper: Unlocking the DNA of the Adaptable Workforce--The Global Human Capital Study 2008 Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers Go Parallel Article: Getting Started with TBB on Windows HP eBook: Storage Networking , Part 1 MORE WHITEPAPERS, EBOOKS, AND ARTICLES

Webcasts

Go Parallel Video: Intel(R) Threading Building Blocks: A New Method for Threading in C++ HP Video: Is Your Data Center Ready for a Real World Disaster? Microsoft Partner Portal Video: Microsoft Gold Certified Partners Build Successful Practices HP On Demand Webcast: Virtualization in Action Go Parallel Video: Performance and Threading Tools for Game Developers

Rackspace Hosting Center: Customer Videos Intel vPro Developer Virtual Bootcamp HP Disaster-Proof Solutions eSeminar HP On Demand Webcast: Discover the Benefits of Virtualization MORE WEBCASTS, PODCASTS, AND VIDEOS

Downloads and eKits

Amyuni Download: PDF & XPS Engine for Your .NET and ActiveX Applications Microsoft Download: Silverlight 2 Software Development Kit Beta 2 30-Day Trial: SPAMfighter Exchange Module Red Gate Download: SQL Toolbelt

Iron Speed Designer Application Generator Microsoft Download: Silverlight 2 Beta 2 Runtime MORE DOWNLOADS, EKITS, AND FREE TRIALS

Tutorials and Demos

IBM IT Innovation Article: Green Servers Provide a Competitive Advantage Microsoft Article: Expression Web 2 for PHP Developers--Simplify Your PHP Applications

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 Popular JavaScript Framework Libraries: An Overview - Part 3 · Accessing Your MySQL Database from the Web with PHP · Working with the DOM Stylesheets Collection Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters >   The latest from internet.com MS Access and MySQL · Cisco AutoQoS: VoIP QoS for Mere Mortals · While VoIP Adoption Explodes in Enterprise, Carrier Spending Lags

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

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