Finn Rudolph

Examples


Basic Examples
Default
Lazy Loading
Start Frame and Lazy Loading
360° and Lazy Loading
Inverse X-Axis and Lazy Loading
Inverse X-Axis, Inverse Y-Axis and Lazy Loading
Locking Examples
Lock rotation at boundaries
Lock and smaller rotation range

Basic Examples


Cube without a Cube

Default

XHTML
<img id="default" class="javascriptobject" src="content/object_cube/012_005.jpg" width="350" height="350" longdesc="14 14" alt="Cube without a Cube" />
Cube without a Cube

Lazy Loading

XHTML
<img id="lazy" class="javascriptobject" src="content/object_cube/012_005.jpg" width="350" height="350" longdesc="14 14 lazy" alt="Cube without a Cube" />
Cube without a Cube

Start Frame and Lazy Loading

XHTML
<img id="startFrame" class="javascriptobject" src="content/object_cube/002_001.jpg" width="350" height="350" longdesc="14 14 lazy" alt="Cube without a Cube" />
Cube without a Cube

360° and Lazy Loading

XHTML
<img id="lazy360" class="javascriptobject" src="content/object_cube/000_005.jpg" width="350" height="350" longdesc="1 14 lazy" alt="Cube without a Cube" />
Cube without a Cube

Inverse X-Axis and Lazy Loading

XHTML
<img id="inverseX" class="javascriptobject" src="content/object_cube/012_005.jpg" width="350" height="350" longdesc="14 14 lazy inverseX" alt="Cube without a Cube" />
Cube without a Cube

Inverse X-Axis, Inverse Y-Axis and Lazy Loading

XHTML
<img id="inverseXY" class="javascriptobject" src="content/object_cube/012_005.jpg" width="350" height="350" longdesc="14 14 lazy inverseX inverseY" alt="Cube without a Cube" />

Locking Examples


Cube without a Cube

Lock rotation at boundaries

XHTML
<img id="lock" class="javascriptobject" src="content/object_cube/012_005.jpg" width="350" height="350" longdesc="14 14 lock" alt="Cube without a Cube" />
Cube without a Cube

Lock and smaller rotation range

XHTML
<img id="range" class="javascriptobject" src="content/object_cube/000_005.jpg" width="350" height="350" longdesc="1 7 lock" alt="Cube without a Cube" />