PK g=X5XR va-crossfade100.cccomp PK f=XEZٞV Q component.jsonQ{"UUID":"d0f8a5a2-b144-40b0-a56d-9e2d0f084ae2","additional_states":{"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 1":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Link Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Text":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3541","appId":"RSD","appVersion":3541,"buildNumber":5982,"component_resources":{"classes":8,"file_sizes_values":[1047027,0,0],"file_type_values":[5,0,0],"html_elements":0,"ids":5,"links_external":5,"links_internal":0,"local_files":"5 (local size 1 022,49 kB)","styled_breakpoints":""},"description":"Your component description","element_name":"Container","framework":"vanillacss","html":"
\nvar p = document.querySelectorAll(".crossfade-img");\nvar n = p.length - 1; var i = 0; var x = p[n];\n\nfunction pics() {\n setTimeout(pics, 5000);\n x.style.opacity = 0; x.style.zIndex = 0;\n x = p[i]; x.style.opacity = 1; x.style.zIndex = 1;\n if(i < n) {i++;}\n else i = 0;\n}\n\npics();\n\n\" data-ce-custom-head=\"\">
Img 1Img 2Img 3Img 4Img 5Put your page content here!
This container can be sized, styled, edited and tweaked to your liking. While editing, you can close the images if they are disturbing you, just click on the eye icons on the inspector pane.
","htmlembed":{},"mobile_first":true,"name":"va-crossfade100","resources":{"./slider-pics/eurasian-oystercatcher.jpg":{"breakpoints":{"default":{".link-container#img-3":"background-image"}},"elements":{"counter":0},"pictures":{},"type":"image"},"./slider-pics/store-torungen.jpg":{"breakpoints":{"default":{".link-container#img-2":"background-image"}},"elements":{"counter":0},"pictures":{},"type":"image"},"./slider-pics/sunrise-at-Kalvoysund.jpg":{"breakpoints":{"default":{".link-container#img-1":"background-image"}},"elements":{"counter":0},"pictures":{},"type":"image"},"./slider-pics/tromoey-bridge.jpg":{"breakpoints":{"default":{".link-container#img-5":"background-image"}},"elements":{"counter":0},"pictures":{},"type":"image"},"./slider-pics/winking-to-each-other-2.jpg":{"breakpoints":{"default":{".link-container#img-4":"background-image"}},"elements":{"counter":0},"pictures":{},"type":"image"}},"stylesheet":".container.outer-container {\n max-height:none;\n box-sizing:border-box;\n height:25vw;\n width:100vw;\n margin-right:auto;\n margin-left:auto;\n max-width:none;\n position:relative;\n}\n\n.container.crossfade-container {\n margin-right:auto;\n margin-left:auto;\n position:static;\n display:flex;\n flex-direction:column;\n justify-content:flex-start;\n box-sizing:border-box;\n}\n\n.link-container.crossfade-img {\n width:100%;\n height:25vw;\n box-sizing:border-box;\n position:relative;\n padding-top:2vw;\n padding-right:10px;\n padding-bottom:10px;\n padding-left:10px;\n margin-right:auto;\n margin-left:auto;\n max-height:400px;\n background-image:none;\n background-position:left top;\n background-attachment:scroll;\n background-repeat:no-repeat;\n background-size:0% 0%;\n background-origin:padding-box;\n background-clip:border-box;\n background-blend-mode:normal;\n transition-property:opacity;\n transition-duration:3s;\n opacity:0;\n bottom:0px;\n margin-top:1.35vw;\n margin-bottom:1.35vw;\n top:auto;\n}\n\n.link-container#img-1 {\n background-image:url('./slider-pics/sunrise-at-Kalvoysund.jpg?id=undefined&cache=1704697619759');\n background-position:center center;\n background-attachment:scroll;\n background-repeat:no-repeat;\n background-size:cover;\n background-origin:padding-box;\n background-clip:border-box;\n background-blend-mode:normal;\n}\n\nspan.text-element.slider-text {\n box-sizing:border-box;\n padding-top:4px;\n padding-right:10px;\n padding-bottom:4px;\n padding-left:8px;\n max-width:300px;\n font-size:2vw;\n text-decoration:none;\n background-color:rgba(1, 1, 1, 1);\n color:rgba(255, 255, 255, 1);\n margin-top:0px;\n position:static;\n}\n\n.link-container#img-2 {\n background-image:url('./slider-pics/store-torungen.jpg?id=undefined&cache=1704697587747');\n background-position:center center;\n background-attachment:scroll;\n background-repeat:no-repeat;\n background-size:cover;\n background-origin:padding-box;\n background-clip:border-box;\n background-blend-mode:normal;\n}\n\n.link-container#img-3 {\n background-image:url('./slider-pics/eurasian-oystercatcher.jpg?id=38&cache=1704695932933');\n background-position:center center;\n background-attachment:scroll;\n background-repeat:no-repeat;\n background-size:cover;\n background-origin:padding-box;\n background-clip:border-box;\n background-blend-mode:normal;\n}\n\n.link-container#img-4 {\n background-image:url('./slider-pics/winking-to-each-other-2.jpg?id=37&cache=1704696000119');\n background-position:center center;\n background-attachment:scroll;\n background-repeat:no-repeat;\n background-size:cover;\n background-origin:padding-box;\n background-clip:border-box;\n background-blend-mode:normal;\n}\n\n.link-container#img-5 {\n background-image:url('./slider-pics/tromoey-bridge.jpg?id=39&cache=1704696035622');\n background-position:center center;\n background-attachment:scroll;\n background-repeat:no-repeat;\n background-size:cover;\n background-origin:padding-box;\n background-clip:border-box;\n background-blend-mode:normal;\n}\n\n.container.rest-of-page {\n background-color:rgba(197, 244, 246, 1);\n box-sizing:border-box;\n padding-top:10px;\n padding-right:10px;\n padding-bottom:10px;\n padding-left:10px;\n margin-right:auto;\n margin-left:auto;\n position:relative;\n}","timestamp":1706529265184,"type":"Container","units":"rem"}
PK f=X"+ 0 resources/slider-pics/eurasian-oystercatcher.jpg XICC_PROFILE HLino mntrRGB XYZ 1 acspMSFT IEC sRGB -HP cprt P 3desc lwtpt bkpt rXYZ gXYZ , bXYZ @ dmnd T pdmdd vued L view $lumi meas $tech 0 rTRC <