Url Query Parameters

            
              ## Url query parameters

* uuid
* basePath: The base path of the assets directory.
* clickLoad: If true, user need to click to start loading; Otherwise, it will load automatically. Default: false.
* fps: Spin speed, the default value is 25, representing 25 frames per second.
* type: Type of content. Default: "animation". Available values: ["photo", "animation", "ZLVideo"]
* buttons:
  * enabled: Show/hide all buttons. Default: true.
  * fullscreenButton: Show/hide fullscreen button. "desktop" mean only show on desktop. "mobile" is the same. Default: true. Available values: ["desktop", "mobile", true, false].
  * directionButton: Show/hide direction buttons. Default: true.
  * playButton: Show/hide play button. Default: true.
  * controlMoveButton: Show/hide the control move button. Default: true.
* fullscreenMode: Fullscreen mode. Default: "device". Available values: ["device", "page"]. Device full screen is not supported on iPhone, full page as fallback is used. [Browser compatibility of device fullscreen API](https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API#browser_compatibility)
* bounce: Enable/disable bounce effect. Default: false.
* spinReverse: Reverse spin direction. Default: false.
* inertia: Enable/disable inertia effect. Default: false.
* autoplay: Enable/disable autoplay. Default: false.
* maxZoom: The max percentage of zoom. '100%' is min value, means no zoom. Default: "200%". Range: 100% ~ 1000%.
* limitRange: Limit the range of the view.
  * Default:
    `{ "level":"130%", "top":1, "bottom":1, "left":1, "right":1 }`

* expandButton: Expand button.
  * Default:
    `{ "enabled": true, "showColor": "#000000", "hideColor": "#000000", invert: false }`
* pageScroll:
  * enabled: Enable scroll page with mouse wheel + Shift key. Default false. Note that if use an iframe, pageScroll will only work in the same domain.
  * invert: If true, scroll page when Shift key down + mouse wheel. If true, scroll page by mouse wheel. Default: false.
  * touch: Whether to support it on touch device. Default: false.
* background:
  * color: The background color. Default: '#FFFFFF'.
* startFrame: Initial frame. Default: 1.
* autoChangeControl: Whether to automatically change the control type when zoom level at 200. Default: true.
* limitMemory: Reduce the size and number of images when memory is limited. Default: true.
* limitMemorySpeedMode: Absolute or relative speed using frames/fps. The relative speed may be faster than normal. Default: "relative". Available values: ["absolute", "relative"].
* track: Enable or disable track. This will cause all hooks to output logs to the console. Default: true.
* crossCursor: Enable or disable cross cursor. Default: false.
* ga4: Enable or disable ga4. Default: false.
* metadata: Metadata information. Default: { productName: null }.
* configVersion: Config version. Default: null.

## Notes

* When using json objects as url query parameters, all keys must be quoted.

* Url query parameters need to be url encoded. Otherwise special symbols may cause errors, such as # $ *.

### Examples

  <https://zoomlook.io/zoomlook/?clickLoad=false&autoplay=true>
  
  <https://zoomlook.io/zoomlook/?basePath=https://zoomlook.comdia/zl/zoomlook/pix/ZLGL360&uuid=VOGxhm-170300&clickLoad=false&autoplay=true&spinReverse=true&buttons=false&bounce=true&inertia=true>
  
  <https://zoomlook.io/zoomlook/accessibility/expand-button.html?expandButton={"enabled":true,"showColor":"%25230000ff","hideColor":"%2523aa0000"}>

  <https://zoomlook.io/zoomlook/accessibility/expand-button.html?buttons={"playButton":false,"directionButton":false}>