UIZE JavaScript Framework

JAVASCRIPT EXAMPLES Mag View

In this example, an instance of Uize.Widget.MagView is instantiated and wired up to provide a lightweight detail view interaction. When you mouse over the image, a magnified view appears to the right. The portion of the main image that is highlight by the square is shown larger on the right. The highlight follows the mouse as you move it. Clicking on the main image zooms in even further. Clicking again returns you to normal zoom. The zoom level change is accompanied by a JavaScript animation of both the highlight square in the main image and the magnified view on the right.

Shadow of the Past
Loading High Res
Loading High Res
Loading High Res
Loading High Res
Loading High Res
Loading High Res
Loading High Res
Loading High Res
Loading High Res