SemanticZoom.zoomFactor property

Gets or sets a value that specifies how much scaling the cross-fade animation performs when the SemanticZoom transitions between views.


<div data-win-control="WinJS.UI.SemanticZoom" data-win-options="{ zoomFactor : value}" />
var zoomFactor = semanticZoom.zoomFactor;
semanticZoom.zoomFactor = zoomFactor;

Property value

Type: Number

A value between 0.2 and 0.85 that specifies the scale of the zoomed out view. Smaller values emphasize the zooming effect, while larger values minimize it. The default value is 0.65.


During a zoom-in transition, the zoomed-in view scales between 1 and zoomFactor while transparency goes between 1 and 0. During a zoom-out transition, the scaling and transparency move in the opposite direction.

During zoom-in, the zoomed-out view scales between 1/zoomFactor and 1 while transparency goes between 0 and 1.The reverse happens during zoom-out.


Minimum WinJS version

WinJS 1.0



See also