your pages will come alive with these easy-to-use javascript Actions
AutoScroll, FrameSwapnRoll and SwapFrameSet can be used as individual Behaviors
AutoScroll is used to scroll the FilmStrip menu, but can handle much more than just a simple scrolling area. It has all the scrolling features you'll probably ever need to create scrolling areas... all in one Action.
QuickTime demos
Try the demo page and see how FilmStrip menus work.
Vertical scrolling frameset menu, Horizontal scrolling frameset menu.
FrameSwapnRoll is used to locate the proper thumbnail in the FilmStrip, center it and keep it highlighted. It can also swap or rollover images across frames.
SwapFrameSet is used to change the contents of one or more frames in a frameset layout.
Contact actionscafé if you would like more information about these Actions.
design scrolling, FilmStrip navigation menus
Here's how they work...
The newly designed AutoScroll, FrameSwapnRoll and SwapFrameSet Behaviors were engineeered to work together as a FilmStrip menu system.
When a thumbnail in the scrolling strip is clicked, a new product page is loaded into the browser's window or frame, and the thumbnail for this page is centered and highlighted.
iFrames on each product page are linked to the same FilmStrip menu. When you add or remove pages, you only have to edit one menu instead of one on every product page. A tremendous time saver.
FilmStrip menus also work in a frameset layout where the menu is in one frame and the product page in another.
many design options for your menus
Up to four FilmStrip menus can be used on each page
Horizontal and vertical menus can be mixed on a page
Panorama FilmStrip option that give your scrolling menu a non-stop seamless look
Auto scrolling menus that start when the page loads, and pause when the user enters an image. Users can increase or decrease the scrolling speed
Manual scrolling menus that are scrolled by using on-screen controls
Cursor driven scrolling that starts when the cursor enters the center region of the FilmStrip. The menu scrolls in the direction the cursor is moved. Scrolling speed increases the closer it gets to the edge
Optional pause at the start of scrolling, pause after so many pixel lines, and pause at end of scrolling
Control the speed and quality of the animation
Loop and scroll-out options
Scrolling can be Up, Down, Left or Right
Use your own graphics or text as the scrolling controls
Fully illustrated instructions
