{"id":462,"date":"2024-09-18T12:08:36","date_gmt":"2024-09-18T10:08:36","guid":{"rendered":"https:\/\/cesebe.es\/?page_id=462"},"modified":"2024-09-18T12:10:37","modified_gmt":"2024-09-18T10:10:37","slug":"stills","status":"publish","type":"page","link":"https:\/\/cesebe.es\/en\/videoclips\/incendio\/stills\/","title":{"rendered":"Stills Incendio"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n Image Mosaic and Preview<\/title>\r\n <style>\r\n \/* Estilo para el mosaico de im\u00e1genes *\/\r\n .mosaic-container {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr); \/* Cambiar a 4 columnas *\/\r\n gap: 10px;\r\n padding: 10px;\r\n }\r\n\r\n .mosaic-item {\r\n position: relative;\r\n overflow: hidden;\r\n cursor: pointer;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .mosaic-item img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .mosaic-item:hover img {\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* Estilo para la vista previa *\/\r\n .preview-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.8);\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 9999;\r\n }\r\n\r\n .preview-container {\r\n position: relative;\r\n max-width: 90%;\r\n max-height: 90%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 0 50px;\r\n }\r\n\r\n .preview-container img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n }\r\n\r\n .preview-arrow {\r\n position: absolute;\r\n top: 50%;\r\n bottom: 50%;\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n font-size: 24px;\r\n text-align: center;\r\n line-height: 40px;\r\n cursor: pointer;\r\n user-select: none;\r\n z-index: 10;\r\n transition: background 0.3s ease, color 0.3s ease;\r\n border-radius: 50%;\r\n }\r\n\r\n .preview-arrow.left {\r\n left: 20px;\r\n }\r\n\r\n .preview-arrow.right {\r\n right: 20px;\r\n }\r\n\r\n .preview-arrow.highlight {\r\n background: white;\r\n color: black;\r\n }\r\n\r\n \/* Estilo para el bot\u00f3n de cerrar *\/\r\n .close-btn {\r\n position: fixed;\r\n top: 20px;\r\n right: 20px;\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n font-size: 24px;\r\n text-align: center;\r\n line-height: 40px;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n user-select: none;\r\n z-index: 11;\r\n transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;\r\n }\r\n\r\n .close-btn:hover {\r\n background: white;\r\n color: black;\r\n transform: scale(1.2);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Contenedor del mosaico -->\r\n <div class=\"mosaic-container\" id=\"mosaicContainer\">\r\n <!-- Las im\u00e1genes se cargar\u00e1n aqu\u00ed din\u00e1micamente -->\r\n <\/div>\r\n\r\n <!-- Contenedor de la vista previa -->\r\n <div class=\"preview-overlay\" id=\"previewOverlay\">\r\n <div class=\"preview-arrow left\" id=\"prevArrow\"><<\/div>\r\n <div class=\"preview-container\" id=\"previewContainer\">\r\n <img decoding=\"async\" id=\"previewImage\" class=\"preview-image\" src=\"\" alt=\"Preview\">\r\n <div class=\"close-btn\" id=\"closeBtn\">×<\/div>\r\n <\/div>\r\n <div class=\"preview-arrow right\" id=\"nextArrow\">><\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Datos de las im\u00e1genes y enlaces\r\n const imageData = [\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_01_18.Imagen%20fija001.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725275840901&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_01_18.Imagen%20fija001.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_01_18.Imagen%20fija001.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276530116&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_01_18.Imagen%20fija001.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 1'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_04_17.Imagen%20fija002.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725275975028&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_04_17.Imagen%20fija002.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_04_17.Imagen%20fija002.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276541592&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_04_17.Imagen%20fija002.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 2'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_09_11.Imagen%20fija003.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725275983291&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_09_11.Imagen%20fija003.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_09_11.Imagen%20fija003.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276549146&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_09_11.Imagen%20fija003.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 3'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_11_22.Imagen%20fija004.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725275989875&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_11_22.Imagen%20fija004.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_11_22.Imagen%20fija004.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276558772&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_11_22.Imagen%20fija004.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 4'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_15_19.Imagen%20fija005.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725275997256&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_15_19.Imagen%20fija005.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_15_19.Imagen%20fija005.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276564546&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_15_19.Imagen%20fija005.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 5'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_16_18.Imagen%20fija006.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276003874&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_16_18.Imagen%20fija006.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_16_18.Imagen%20fija006.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276570494&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_16_18.Imagen%20fija006.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 6'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_18_12.Imagen%20fija007.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276010927&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_18_12.Imagen%20fija007.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_18_12.Imagen%20fija007.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276576976&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_18_12.Imagen%20fija007.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 7'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_23_12.Imagen%20fija008.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276018115&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_23_12.Imagen%20fija008.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_23_12.Imagen%20fija008.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276583298&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_23_12.Imagen%20fija008.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 8'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_24_08.Imagen%20fija009.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276026638&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_24_08.Imagen%20fija009.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_24_08.Imagen%20fija009.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276590354&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_24_08.Imagen%20fija009.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 9'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_33_05.Imagen%20fija010.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276034787&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_33_05.Imagen%20fija010.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_33_05.Imagen%20fija010.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276597390&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_33_05.Imagen%20fija010.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 10'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_34_01.Imagen%20fija011.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276040892&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_34_01.Imagen%20fija011.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_34_01.Imagen%20fija011.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276603483&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_34_01.Imagen%20fija011.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 11'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_35_07.Imagen%20fija012.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276120152&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_35_07.Imagen%20fija012.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_35_07.Imagen%20fija012.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276609167&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_35_07.Imagen%20fija012.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 12'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_36_22.Imagen%20fija013.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276127893&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_36_22.Imagen%20fija013.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_36_22.Imagen%20fija013.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276615366&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_36_22.Imagen%20fija013.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 13'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_38_16.Imagen%20fija014.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276135737&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_38_16.Imagen%20fija014.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_38_16.Imagen%20fija014.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276621336&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_38_16.Imagen%20fija014.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 14'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_39_15.Imagen%20fija015.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276142607&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_39_15.Imagen%20fija015.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_39_15.Imagen%20fija015.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276629292&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_39_15.Imagen%20fija015.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 15'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_40_01.Imagen%20fija016.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276149659&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_40_01.Imagen%20fija016.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_40_01.Imagen%20fija016.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276634973&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_40_01.Imagen%20fija016.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 16'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_41_02.Imagen%20fija017.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276157284&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_41_02.Imagen%20fija017.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_41_02.Imagen%20fija017.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276641094&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_41_02.Imagen%20fija017.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 17'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_47_16.Imagen%20fija018.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276163297&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_47_16.Imagen%20fija018.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_47_16.Imagen%20fija018.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276647424&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_47_16.Imagen%20fija018.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 18'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_50_02.Imagen%20fija019.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276168983&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_50_02.Imagen%20fija019.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_50_02.Imagen%20fija019.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276652905&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_50_02.Imagen%20fija019.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 19'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_52_07.Imagen%20fija020.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276174902&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_52_07.Imagen%20fija020.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_52_07.Imagen%20fija020.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276658190&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_52_07.Imagen%20fija020.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 20'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_53_04.Imagen%20fija021.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276181899&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_53_04.Imagen%20fija021.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_53_04.Imagen%20fija021.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276665113&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_53_04.Imagen%20fija021.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 21'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_53_17.Imagen%20fija022.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276211136&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_53_17.Imagen%20fija022.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_53_17.Imagen%20fija022.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276670513&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_53_17.Imagen%20fija022.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 22'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_56_01.Imagen%20fija023.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276217190&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_56_01.Imagen%20fija023.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_56_01.Imagen%20fija023.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276678873&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_56_01.Imagen%20fija023.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 23'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_56_18.Imagen%20fija024.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276222744&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_56_18.Imagen%20fija024.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_56_18.Imagen%20fija024.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276684749&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_56_18.Imagen%20fija024.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 24'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_59_05.Imagen%20fija025.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276227913&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_59_05.Imagen%20fija025.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_59_05.Imagen%20fija025.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276691154&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_59_05.Imagen%20fija025.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 25'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_00_59_22.Imagen%20fija026.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276233994&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_59_22.Imagen%20fija026.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_00_59_22.Imagen%20fija026.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725277237523&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_00_59_22.Imagen%20fija026.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 26'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_01_00_16.Imagen%20fija027.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276239991&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_00_16.Imagen%20fija027.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_01_00_16.Imagen%20fija027.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725277245634&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_00_16.Imagen%20fija027.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 27'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_01_02_19.Imagen%20fija028.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276246146&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_02_19.Imagen%20fija028.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_01_02_19.Imagen%20fija028.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725277251489&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_02_19.Imagen%20fija028.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 28'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_01_13_03.Imagen%20fija029.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276256761&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_13_03.Imagen%20fija029.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_01_13_03.Imagen%20fija029.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725277256582&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_13_03.Imagen%20fija029.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 29'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_01_14_21.Imagen%20fija030.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276262441&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_14_21.Imagen%20fija030.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_01_14_21.Imagen%20fija030.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725277262148&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_14_21.Imagen%20fija030.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 30'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_01_15_23.Imagen%20fija031.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276268791&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_15_23.Imagen%20fija031.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_01_15_23.Imagen%20fija031.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276697310&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_15_23.Imagen%20fija031.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 31'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_01_21_20.Imagen%20fija032.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276274775&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_21_20.Imagen%20fija032.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_01_21_20.Imagen%20fija032.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276703616&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_21_20.Imagen%20fija032.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 32'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_01_24_18.Imagen%20fija033.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276280667&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_24_18.Imagen%20fija033.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_01_24_18.Imagen%20fija033.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276709048&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_24_18.Imagen%20fija033.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 33'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_01_27_16.Imagen%20fija034.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276285846&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_27_16.Imagen%20fija034.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_01_27_16.Imagen%20fija034.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276714306&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_27_16.Imagen%20fija034.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 34'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_01_28_12.Imagen%20fija035.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276291294&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_28_12.Imagen%20fija035.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_01_28_12.Imagen%20fija035.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276719210&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_28_12.Imagen%20fija035.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 35'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_01_38_11.Imagen%20fija036.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276296161&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_38_11.Imagen%20fija036.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_01_38_11.Imagen%20fija036.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276724066&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_38_11.Imagen%20fija036.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 36'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_01_47_09.Imagen%20fija037.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276301427&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_47_09.Imagen%20fija037.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_01_47_09.Imagen%20fija037.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276731278&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_47_09.Imagen%20fija037.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 37'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_01_50_09.Imagen%20fija038.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276306881&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_50_09.Imagen%20fija038.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_01_50_09.Imagen%20fija038.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276738102&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_50_09.Imagen%20fija038.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 38'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_01_53_12.Imagen%20fija039.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276312638&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_53_12.Imagen%20fija039.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_01_53_12.Imagen%20fija039.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276743118&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_53_12.Imagen%20fija039.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 39'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_01_57_10.Imagen%20fija040.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276317607&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_57_10.Imagen%20fija040.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_01_57_10.Imagen%20fija040.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276748310&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_01_57_10.Imagen%20fija040.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 40'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_02_02_03.Imagen%20fija041.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276323029&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_02_02_03.Imagen%20fija041.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_02_02_03.Imagen%20fija041.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276753840&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_02_02_03.Imagen%20fija041.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 41'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_02_04_05.Imagen%20fija042.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276329002&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_02_04_05.Imagen%20fija042.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_02_04_05.Imagen%20fija042.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276758671&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_02_04_05.Imagen%20fija042.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 42'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_02_09_04.Imagen%20fija044.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276335327&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_02_09_04.Imagen%20fija044.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_02_09_04.Imagen%20fija044.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276764394&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_02_09_04.Imagen%20fija044.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 43'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_02_13_20.Imagen%20fija045.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276341835&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_02_13_20.Imagen%20fija045.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_02_13_20.Imagen%20fija045.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276771724&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_02_13_20.Imagen%20fija045.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 44'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_02_15_00.Imagen%20fija046.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276348329&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_02_15_00.Imagen%20fija046.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_02_15_00.Imagen%20fija046.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725276777757&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_02_15_00.Imagen%20fija046.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 45'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_02_16_02.Imagen%20fija047.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725277078601&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_02_16_02.Imagen%20fija047.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_02_16_02.Imagen%20fija047.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725277035506&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_02_16_02.Imagen%20fija047.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 46'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_02_17_01.Imagen%20fija048.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725277086055&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_02_17_01.Imagen%20fija048.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_02_17_01.Imagen%20fija048.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725277046953&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_02_17_01.Imagen%20fija048.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 47'\r\n },\r\n {\r\n lowResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/LowRes\/INCENDIO%20FINAL%204K.00_02_38_00.Imagen%20fija049.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725277091882&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_02_38_00.Imagen%20fija049.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FLowRes',\r\n highResSrc: 'https:\/\/cosasconcretas.myqnapcloud.com:14001\/share.cgi\/20230312%20VC%20-%20JM%20-Incendio\/Stills\/JPG_Opt\/INCENDIO%20FINAL%204K.00_02_38_00.Imagen%20fija049.jpg?ssid=c86c9bb577874c4fb0598c956f3a132c&openfolder=normal&ep=&_dc=1725277053127&fid=c86c9bb577874c4fb0598c956f3a132c&filename=INCENDIO%20FINAL%204K.00_02_38_00.Imagen%20fija049.jpg&path=%2F20230312%20VC%20-%20JM%20-Incendio%2FStills%2FJPG_Opt',\r\n link: '\/incendio-music-video',\r\n alt: 'Slideshow Image 48'\r\n }\r\n ];\r\n\r\n\r\n const mosaicContainer = document.getElementById('mosaicContainer');\r\n const previewOverlay = document.getElementById('previewOverlay');\r\n const previewImage = document.getElementById('previewImage');\r\n const prevArrow = document.getElementById('prevArrow');\r\n const nextArrow = document.getElementById('nextArrow');\r\n const closeBtn = document.getElementById('closeBtn');\r\n const previewContainer = document.getElementById('previewContainer');\r\n\r\n let currentIndex = 0;\r\n\r\n \/\/ Cargar las im\u00e1genes de baja resoluci\u00f3n en el mosaico\r\n imageData.forEach((data, index) => {\r\n const mosaicItem = document.createElement('div');\r\n mosaicItem.classList.add('mosaic-item');\r\n mosaicItem.dataset.index = index;\r\n\r\n const img = document.createElement('img');\r\n img.src = data.lowResSrc;\r\n img.alt = data.alt;\r\n img.dataset.highResSrc = data.highResSrc; \/\/ Guardar la URL de alta resoluci\u00f3n\r\n\r\n mosaicItem.appendChild(img);\r\n mosaicContainer.appendChild(mosaicItem);\r\n\r\n mosaicItem.addEventListener('click', () => {\r\n currentIndex = index;\r\n showPreview(data.highResSrc);\r\n });\r\n });\r\n\r\n \/\/ Funci\u00f3n para reemplazar con la imagen de alta resoluci\u00f3n\r\n function loadHighResImages() {\r\n const images = document.querySelectorAll('.mosaic-item img');\r\n images.forEach(img => {\r\n const highResSrc = img.dataset.highResSrc;\r\n const highResImage = new Image();\r\n highResImage.src = highResSrc;\r\n highResImage.onload = () => {\r\n img.src = highResSrc;\r\n };\r\n });\r\n }\r\n\r\n \/\/ Utilizar IntersectionObserver para cargar im\u00e1genes en alta resoluci\u00f3n cuando todas est\u00e9n visibles\r\n const observer = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n loadHighResImages();\r\n observer.disconnect(); \/\/ Desconectar el observador despu\u00e9s de cargar todas las im\u00e1genes\r\n }\r\n });\r\n });\r\n\r\n \/\/ Observar el contenedor del mosaico\r\n observer.observe(mosaicContainer);\r\n\r\n \/\/ Funci\u00f3n para mostrar la vista previa\r\n function showPreview(src) {\r\n previewImage.src = src;\r\n previewOverlay.style.display = 'flex';\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n \/\/ Funci\u00f3n para ocultar la vista previa\r\n function hidePreview() {\r\n previewOverlay.style.display = 'none';\r\n document.body.style.overflow = '';\r\n }\r\n\r\n \/\/ Funci\u00f3n para manejar la navegaci\u00f3n con las flechas\r\n function handleKeydown(event) {\r\n if (event.key === 'ArrowLeft') {\r\n showPrevImage();\r\n } else if (event.key === 'ArrowRight') {\r\n showNextImage();\r\n } else if (event.key === 'Escape') {\r\n hidePreview();\r\n }\r\n }\r\n\r\n \/\/ Funci\u00f3n para mostrar la imagen anterior\r\n function showPrevImage() {\r\n currentIndex = (currentIndex - 1 + imageData.length) % imageData.length;\r\n previewImage.src = imageData[currentIndex].highResSrc;\r\n }\r\n\r\n \/\/ Funci\u00f3n para mostrar la imagen siguiente\r\n function showNextImage() {\r\n currentIndex = (currentIndex + 1) % imageData.length;\r\n previewImage.src = imageData[currentIndex].highResSrc;\r\n }\r\n\r\n \/\/ Navegar entre las im\u00e1genes con las flechas\r\n prevArrow.addEventListener('click', (event) => {\r\n event.stopPropagation();\r\n showPrevImage();\r\n });\r\n nextArrow.addEventListener('click', (event) => {\r\n event.stopPropagation();\r\n showNextImage();\r\n });\r\n\r\n \/\/ Cerrar la vista previa al hacer clic fuera del contenedor de la imagen o en el bot\u00f3n de cerrar\r\n document.addEventListener('click', (event) => {\r\n if (event.target === previewOverlay || event.target === closeBtn) {\r\n hidePreview();\r\n }\r\n });\r\n\r\n previewOverlay.addEventListener('click', (event) => {\r\n if (!previewContainer.contains(event.target)) {\r\n hidePreview();\r\n }\r\n });\r\n\r\n previewContainer.addEventListener('click', (event) => {\r\n const containerRect = previewContainer.getBoundingClientRect();\r\n const clickX = event.clientX;\r\n const containerWidth = containerRect.width;\r\n\r\n if (clickX < containerRect.left + containerWidth * 0.4) {\r\n showPrevImage();\r\n } else if (clickX > containerRect.left + containerWidth * 0.6) {\r\n showNextImage();\r\n }\r\n });\r\n\r\n previewContainer.addEventListener('mousemove', (event) => {\r\n const containerRect = previewContainer.getBoundingClientRect();\r\n const clickX = event.clientX;\r\n const containerWidth = containerRect.width;\r\n\r\n if (event.target === closeBtn) {\r\n prevArrow.classList.remove('highlight');\r\n nextArrow.classList.remove('highlight');\r\n return;\r\n }\r\n\r\n if (clickX < containerRect.left + containerWidth * 0.4) {\r\n prevArrow.classList.add('highlight');\r\n nextArrow.classList.remove('highlight');\r\n } else if (clickX > containerRect.left + containerWidth * 0.6) {\r\n nextArrow.classList.add('highlight');\r\n prevArrow.classList.remove('highlight');\r\n } else {\r\n prevArrow.classList.remove('highlight');\r\n nextArrow.classList.remove('highlight');\r\n }\r\n });\r\n\r\n previewContainer.addEventListener('mouseenter', (event) => {\r\n const containerRect = previewContainer.getBoundingClientRect();\r\n const mouseX = event.clientX;\r\n const containerWidth = containerRect.width;\r\n\r\n if (mouseX < containerRect.left + containerWidth * 0.4) {\r\n prevArrow.classList.add('highlight');\r\n } else if (mouseX > containerRect.left + containerWidth * 0.6) {\r\n nextArrow.classList.add('highlight');\r\n }\r\n });\r\n\r\n previewContainer.addEventListener('mouseleave', (event) => {\r\n prevArrow.classList.remove('highlight');\r\n nextArrow.classList.remove('highlight');\r\n });\r\n\r\n document.addEventListener('keydown', handleKeydown);\r\n\r\n let startX = 0;\r\n let endX = 0;\r\n\r\n \/\/ Detectar el inicio del toque\r\n previewContainer.addEventListener('touchstart', (event) => {\r\n startX = event.touches[0].clientX;\r\n });\r\n\r\n \/\/ Detectar el movimiento del toque\r\n previewContainer.addEventListener('touchmove', (event) => {\r\n endX = event.touches[0].clientX;\r\n });\r\n\r\n \/\/ Detectar el fin del toque y calcular la direcci\u00f3n del deslizamiento\r\n previewContainer.addEventListener('touchend', () => {\r\n const swipeThreshold = 50; \/\/ M\u00ednima distancia de deslizamiento para considerar como swipe\r\n const swipeDistance = startX - endX;\r\n\r\n if (Math.abs(swipeDistance) > swipeThreshold) {\r\n if (swipeDistance > 0) {\r\n showNextImage(); \/\/ Deslizamiento a la izquierda, mostrar la siguiente imagen\r\n } else {\r\n showPrevImage(); \/\/ Deslizamiento a la derecha, mostrar la imagen anterior\r\n }\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c142d7 e-flex e-con-boxed e-con e-parent\" data-id=\"2c142d7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ded3b0f elementor-widget elementor-widget-button\" data-id=\"ded3b0f\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/cesebe.es\/en\/videoclips\/incendio\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-caret-square-left\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M272 157.1v197.8c0 10.7-13 16.1-20.5 8.5l-98.3-98.9c-4.7-4.7-4.7-12.2 0-16.9l98.3-98.9c7.5-7.7 20.5-2.3 20.5 8.4zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-48 346V86c0-3.3-2.7-6-6-6H54c-3.3 0-6 2.7-6 6v340c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Volver<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Image Mosaic and Preview < × > Volver<\/p>","protected":false},"author":2,"featured_media":0,"parent":361,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-462","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cesebe.es\/en\/wp-json\/wp\/v2\/pages\/462","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cesebe.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cesebe.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cesebe.es\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cesebe.es\/en\/wp-json\/wp\/v2\/comments?post=462"}],"version-history":[{"count":4,"href":"https:\/\/cesebe.es\/en\/wp-json\/wp\/v2\/pages\/462\/revisions"}],"predecessor-version":[{"id":474,"href":"https:\/\/cesebe.es\/en\/wp-json\/wp\/v2\/pages\/462\/revisions\/474"}],"up":[{"embeddable":true,"href":"https:\/\/cesebe.es\/en\/wp-json\/wp\/v2\/pages\/361"}],"wp:attachment":[{"href":"https:\/\/cesebe.es\/en\/wp-json\/wp\/v2\/media?parent=462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}