With one or more ZOOMLOOK modules on a page, sometimes it is of benefit for SEO to load ZOOMLOOK experiences on click.
* clickLoad: If true, user needs to click to start loading; Otherwise, it will load automatically. Default: false.
Embed Code
<div class="ZLContainer500">
<div id="item1" class="zl-item"></div>
</div>
<div class="ZLContainer500">
<div id="item2" class="zl-item"></div>
</div>
<div class="ZLContainer500">
<div id="item3" class="zl-item"></div>
</div>
<div class="ZLContainer500">
<div id="item4" class="zl-item"></div>
</div>
<div class="ZLContainer500">
<div id="item01" class="zl-item"></div>
</div>
<div class="ZLContainer500">
<div id="item02" class="zl-item"></div>
</div>
<div class="ZLContainer500">
<div id="item03" class="zl-item"></div>
</div>
<script src="/zoomlook/assets/ZLWebGL.js"></script>
<script src="/zoomlook/assets/ZLPlayer.min.js"></script>
<script src="/zoomlook/assets/utils/page.js"></script>
<script>
const popupLoad = () => {
const config1 = {
target: "item1",
basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLPhoto/",
type: "photo",
uuid: "nFCjhY-260482",
crossCursor: true,
};
const config2 = {
target: "item2",
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
uuid: "ITAXfv-746089",
fps: 8,
autoplay: true,
crossCursor: true,
videoPoster:20,
fullscreenMode: "device"
};
const config3 = {
target: "item3",
showThumb: "all",
crossCursor: true,
galleryList: [
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
clickLoad: false,
type: "animation",
autoplay: true,
fps: 8,
uuid: "ITAXfv-746089",
},
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLVideo/",
clickLoad: false,
type: "ZLVideo",
inertia: false,
autoplay: true,
uuid: "STegyw-601336",
previewVideo:{
fps:30
}
},
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLPhoto/",
clickLoad: false,
type: "photo",
uuid: "nFCjhY-260482",
},
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
clickLoad: false,
type: "animation",
fps: 6,
autoplay: true,
uuid: "tIKoXX-433591",
},
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
clickLoad: false,
type: "animation",
fps: 6,
autoplay: true,
uuid: "FqNtFG-498222",
},
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLPhoto/",
clickLoad: false,
type: "photo",
uuid: "DHQkmu-827001",
},
],
};
const compareConfig = {
target: "item4",
basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLPhoto/",
compare: {
beforeUuid: "QLEMRB-759860",
afterUuid: "MJjFxT-710005",
},
};
const config5 = {
target: "item5",
type: "iframe",
iframe: {
url: "https://zoomlook.pro/",
thumbImage: null,
},
};
const configArray = [config1, config2, config3, compareConfig, config5];
// Usage: createImageElements(configArray, popup , keepOnePlayer)
createImageElements(configArray, true);
};
const createLoad = () => {
const config1 = {
target: "item01",
basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLPhoto/",
type: "photo",
uuid: "nFCjhY-260482",
};
const config2 = {
target: "item02",
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
uuid: "ITAXfv-746089",
fps: 8,
autoplay: true,
};
const config3 = {
target: "item03",
showThumb: "all",
galleryList: [
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
clickLoad: false,
type: "animation",
autoplay: true,
fps: 8,
uuid: "ITAXfv-746089",
},
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLVideo/",
clickLoad: false,
type: "ZLVideo",
inertia: false,
autoplay: true,
uuid: "STegyw-601336",
previewVideo:{
fps:30
}
},
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLPhoto/",
clickLoad: false,
type: "photo",
uuid: "nFCjhY-260482",
},
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
clickLoad: false,
type: "animation",
fps: 6,
autoplay: true,
uuid: "tIKoXX-433591",
},
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
clickLoad: false,
type: "animation",
fps: 6,
autoplay: true,
uuid: "FqNtFG-498222",
},
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLPhoto/",
clickLoad: false,
type: "photo",
uuid: "DHQkmu-827001",
},
],
};
const config4 = {
target: "item04",
type: "iframe",
iframe: {
url: "https://zoomlook.pro/",
thumbImage: null,
},
buttons: {
enabled: true,
fullscreenButton: false,
directionButton: false,
playButton: false,
controlMoveButton: false,
},
};
const configArray = [config1, config2, config3, config4];
// Usage: createImageElements(configArray, popup , keepOnePlayer)
createImageElements(configArray, false);
};
window.onload = () => {
popupLoad();
createLoad();
};
</script>