Sample Paginated Ad Scroller

 

 

Ad Scroller Used In A Website

 

This live scroller is on the homepage of the hipphapp.com website (my personal hobby website).
Find it here on the site homepage: hipphapp affilate ad scroller This demo opens in a new tab.

 

NOTE that on this page the EXIT FRAME link below the ad scroller panel is only for the purposes of this demo and acts to completely exit the demo frame. On the actual website, the icon link below the tab controls to exit the scroller moves your location and focus completely outside the ad scroller as would be expected.

 

Expand instructions using the button below:

SCROLLER INSTRUCTIONS
  1. Use the TAB key to put focus on the first advertisement's Tab control. The reader will begin reading the current advertisement's details. At the end of the advertisement, the reader will say which tab control key is the current one.
  2. The Tab controls are in the widget portion of the scroller where you use the right and left arrow keys to navigate to previous and next ads.
  3. A TAB key entry will exit the numbered tab controls widget and if there are previous and next pages there will be a page link, and an icon link next to the page link to exit the scroller, which can be activated by using the ENTER key.
  4. When focus is on the icon link to exit the scroller, your ENTER key will move your location and focus to the EXIT FRAME link beneath the ad panel.
  5. An additional TAB key entry will exit the demo frame completely, puting your focus on the next focusable item outside the demo frame.

 

Back to Scroller Demos