## 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"].