New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
Bookmark online:

FF1+ IE5+ Opr7+

IFRAME scroller

Author: Dynamic Drive

Note: Script completely rewritten June 09', 2004 for numerous improvements.

Description: This scroller script overcomes one of the biggest usability hurdles of its counterparts- storing the scroller contents in a variable. With the help of <IFRAME>, you can use an external HTML file instead for the task, making updating and adding rich HTML to the scroller a breeze. Works in both IE4+ and NS6+, degrading well with the rest (simply not appearing)!

Demo:


Directions Developer's View

Step 1: Add the below code where you wish the scroller to appear on your page:

Select All

Step 2: The script accesses an external .htm file for its content. Save the following external htm file:

external.htm (save by right clicking, and selecting "save as")

That's it for installation!

Customizing the script

First and foremost, customize the variables within the code of Step 1. Then to edit the scroller's content, open up external.htm using any text editor, and add your content in between the HTML comments. You may also configure the scroller's speed by changing the variable "scrollspeed" inside the script that follows.