PK m=XC4x ma-crossfade100.cccomp PK l=Xשd|! w! component.jsonw!{"UUID":"59bdd94f-00c0-4b08-88b0-3d36593e4e20","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":"601px / 993px / 1201px"},"description":"Your component description","element_name":"Container","framework":"materialize","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":"ma-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-grid.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-grid.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:405px;\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:60px;\n font-size:14px;\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-grid.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}\n\nh1.page-heading {\n font-size:24px;\n margin-top:32px;\n}\n\n@media screen and (min-width: 37.5625rem) {\n .container-grid.outer-container {\n max-height:none;\n height:25vw;\n }\n\n span.text-element.slider-text {\n font-size:2.3vw;\n max-width:77px;\n }\n\n h1.page-heading {\n font-size:4vw;\n }\n}\n\n@media screen and (min-width: 62.0625rem) {\n span.text-element.slider-text {\n max-width:90px;\n }\n}\n\n@media screen and (min-width: 75.0625rem) {\n .container-grid.outer-container {\n height:25vw;\n max-height:none;\n }\n\n .link-container.crossfade-img {\n max-height:400px;\n }\n\n span.text-element.slider-text {\n font-size:27px;\n }\n\n h1.page-heading {\n font-size:46px;\n }\n}","timestamp":1706531909095,"type":"Container","units":"rem"}
PK l=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 <