Home
Features
Examples
Contact
API Example - Dynamic Options
This example shows how to change options on the fly. Use the form below to try different settings. Mouseover or tap the options to see their description. You can also check the generated HTML code to see how to add these settings.
Div Holder Orientation
Landscape
Portrait
Content
adjustHeight
0.0 (default)
-10
-20
adjustLeft
0.0 (default)
5
10
adjustHolderSize
adjustWidth
0.0 (default)
-10
-20
adjustTop
0.0 (default)
5
10
animDuration
0.25 (default)
0.5
1.0
allowCenterDrag
true
false (default)
allowDrag
true (default)
false
allowMouseWheelScroll
true
false (default)
allowMouseWheelZoom
true (default)
false
allowZoom
true (default)
false
appendControlHolder
appendControls
crop
doubleTapZoom
2.0 (default)
2.5
3.0
dragStep
force3D
auto
true
false (default)
fullscreenAdjustHeight
0.0 (default)
-10
-20
fullscreenAdjustLeft
0.0 (default)
10
20
fullscreenAdjustWidth
0.0 (default)
-10
-20
fullscreenAdjustTop
0.0 (default)
10
20
fullscreenDivCss
fullscreenScaleMode
widthOnly
heightOnly
proportionalInside (default)
proportionalOutside
none
smart
initX
0.0
0.5 (default)
1.0
initY
0.0 (default)
0.5
1.0
initZoom
maxZoom
2.0 (default)
3.0
4.0
minZoom
0.5
0.75
1.0 (default)
preload
preloaderUrl
resizeDuration
scaleMode
widthOnly (default)
heightOnly
proportionalInside
proportionalOutside
none
smart
zoomPointX
0.0
0.5 (default)
1.0
zoomPointY
0.0
0.5 (default)
1.0
zoomStep
0.25
0.5 (default)
1.0
zoomToMarker
true
false (default)
HTML Code