dojox/widget/rotator/ThumbnailController (version 1.10)

Summary

A rotator controller that displays thumbnails of each rotator pane.

The ThumbnailController will look at each of the rotator's panes and only if the node is an <img> tag, then it will create an thumbnail of the pane's image using the <img> tag's "thumbsrc" or "src" attribute.

The size of the thumbnails and the style of the selected thumbnail is controlled using CSS.

Usage

var foo = new ThumbnailController(params,node);
dojox/widget/rotator/ThumbnailController
Parameter Type Description
params Object
node DomNode | string

See the dojox/widget/rotator/ThumbnailController reference documentation for more information.

Examples

Example 1

<div dojoType="dojox.widget.Rotator" jsId="myRotator">
    <img src="/path/to/image1.jpg" thumbsrc="/path/to/thumb1.jpg" alt="Image 1"/>
    <img src="/path/to/image2.jpg" thumbsrc="/path/to/thumb2.jpg" alt="Image 2"/>
</div>
<div dojoType="dojox.widget.rotator.ThumbnailController" rotator="myRotator"></div>

Property Summary

  • rotatorAn instance of a Rotator widget.

Method Summary

  • destroy() Disconnect from the rotator.

Event Summary

  • _onUpdate(type) Updates various pager controls when the rotator updates.

Properties

rotator

An instance of a Rotator widget.

Methods

destroy()

Disconnect from the rotator.

Events

_onUpdate(type)

Updates various pager controls when the rotator updates.

Parameter Type Description
type string

Examples

Example 1

<div dojoType="dojox.widget.Rotator" jsId="myRotator">
    <img src="/path/to/image1.jpg" thumbsrc="/path/to/thumb1.jpg" alt="Image 1"/>
    <img src="/path/to/image2.jpg" thumbsrc="/path/to/thumb2.jpg" alt="Image 2"/>
</div>
<div dojoType="dojox.widget.rotator.ThumbnailController" rotator="myRotator"></div>
Error in the documentation? Can’t find what you are looking for? Let us know!