1. Home
  2. Docs
  3. ZL WebGL Player
  4. ZOOMLOOK Actions

ZOOMLOOK Actions

            
              ## Actions

* spinTo(frame, shortestWay)
  * frame: Target frame number. Default: 1.
  * shortestWay: The use the shortest possible way from the current to the target frame. Default: true.
* getZoomLevel()
* setZoomLevel(level)
  * level: Number OR percentage.
* openPopup(config, configList?)
  * config: Same as loadZLGallery().  
  * configList: Same as loadZLGallery().
  
  Normal-View usage:

        const ZL = new ZLPlayer();
        ZL.openPopup({
          uuid: "ixIHVi-177212",
          basePath: "https://storage.googleapis.com/zoomlook/pix/ZLGLAnimation/",
          fullscreenMode: type,
        });
  
  Compare-View usage:

        const ZL = new ZLPlayer();
        ZL.openPopup({
          basePath: "https://zoomlook.comdia/zl/zoomlook/pix/ZLGL2d",
          compare:["BlhLpN-337653","aLDZFT-999190"]
        });

  Gallery usage:

        const ZL = new ZLPlayer();
        const config = {
          showThumb: "all",
          fullscreenMode: type,
        };
        const configList = [
          {
          basePath: "https://storage.googleapis.com/zoomlook/pix/ZLGLAnimation/",
          clickLoad: false,
          type: "animation",
          fps: 8,
          uuid: "LOOK06",
          },
          {
          basePath: "https://storage.googleapis.com/zoomlook/pix/ZLGLVideo/",
          clickLoad: false,
          type: "ZLVideo",
          inertia: true,
          fps: 24,
          uuid: "ZLV-ixIHVi-177212",
          },
          {
          basePath: "https://storage.googleapis.com/zoomlook/pix/ZLGLGallery/",
          clickLoad: false,
          type: "photo",
          uuid: "LOOK01",
          },
        ];
        ZL.openPopup(config, configList);
  
* closePopup()
* fullView(state?)
  * state: Boolean. Full screen or not. When no value is passed, it switches between true and false.
* showButtons(buttons)
  * buttons: Boolean or Array.
    * True/False: Whether to display buttons.
    * Array: Specify which buttons to display. Value range: ["fullscreen", "direction", "play",  "control"].
            
          

Articles

How can we help?