News Examples Documentation Download Buy Forum Contact
NOTE: This page is from an older version, see the latest version here.

ScrollArea Plugin scrollarea.swf / scrollarea.js Version 1.0.8.15

  • A scrolling area - automatically scroll children layer/plugin elements withhin the parent layer/plugin element.
  • The scrollarea plugin need to have a defined size and aligment and can be used only as children element inside an other layer/plugin element. And withhin this parent layer/plugin element it is possible to scroll the scrollarea plugin by dragging the children elements of it.
  • The scroll dragging, friction and bounding is designed to behave like in native iOS scrolling elements.

Syntax

<layer name="scrollarea"
       url="scrollarea.swf" alturl="scrollarea.js"
       parent="..."
       align="..." width="..." height="..."
       direction="all"
       />

Plugin Attributes

  • direction
    • Set the allowed scrolling directions.
    • Possible settings:
      • all = allow scrolling in all directions
      • h = only horizontal scrolling
      • v = only vertical scrolling.

Plugin Actions

  • setcenter(x,y)
    • Center the plugin at the given children x/y coordinates.
  • scrolltocenter(x,y)
    • Scroll the plugin to center itself at the given children x/y coordinates.

Examples

Scrolling Thumbnails (xml:scrollingthumbnails.xml)
CLICK TO VIEW THE EXAMPLE

Scrolling Map (xml:scrollingmap.xml)
CLICK TO VIEW THE EXAMPLE

Examples Notes:
  • In these examples only preview panos were used, that means that 'blurred' panos are normal in this case.
  • Both examples are also included in the viewer download package.