PK 0XC_ va-crossfade600px.cccomp PK 0X;_! Z! component.jsonZ!{"UUID":"39b991e6-6978-4924-befc-427103f7b4b9","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":11,"file_sizes_values":[1299606,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,24 MB)","styled_breakpoints":""},"description":"Your component description","element_name":"Container","framework":"vanillacss","html":"
Fireworks on New Year's Eve
\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=\"\" data-outline-closed=\"\">
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. You can also position the slider to one of the sides and have other content next to it.
","htmlembed":{},"mobile_first":true,"name":"va-crossfade600px","resources":{"./slider-pics/IMG_0206.jpg":{"breakpoints":{"default":{".link-container#img-5":"background-image"}},"elements":{"counter":0},"pictures":{},"type":"image"},"./slider-pics/IMG_5816.jpg":{"breakpoints":{"default":{".link-container#img-2":"background-image"}},"elements":{"counter":0},"pictures":{},"type":"image"},"./slider-pics/IMG_5841.jpg":{"breakpoints":{"default":{".link-container#img-1":"background-image"}},"elements":{"counter":0},"pictures":{},"type":"image"},"./slider-pics/IMG_5844.jpg":{"breakpoints":{"default":{".link-container#img-3":"background-image"}},"elements":{"counter":0},"pictures":{},"type":"image"},"./slider-pics/IMG_5847.jpg":{"breakpoints":{"default":{".link-container#img-4":"background-image"}},"elements":{"counter":0},"pictures":{},"type":"image"}},"stylesheet":".container.outer-crossfade-wrapper {\n width:60vw;\n height:40vw;\n margin-right:auto;\n margin-left:auto;\n max-width:600px;\n max-height:400px;\n position:relative;\n min-height:0vw;\n}\n\n.container.crossfade-banner {\n position:absolute;\n z-index:2;\n}\n\np.paragraph.banner-txt {\n color:rgba(255, 255, 255, 1);\n font-size:17px;\n font-weight:600;\n padding-top:3px;\n padding-right:10px;\n padding-bottom:3px;\n padding-left:10px;\n margin-top:1.3vw;\n margin-bottom:1px;\n}\n\n.container.outer-container {\n max-height:400px;\n box-sizing:border-box;\n height:40vw;\n width:60vw;\n margin-right:auto;\n margin-left:auto;\n max-width:600px;\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:40vw;\n box-sizing:border-box;\n position:relative;\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 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 max-width:600px;\n}\n\n.link-container#img-1 {\n background-image:url('./slider-pics/IMG_5841.jpg?id=36&cache=1704657189496');\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:5px;\n padding-right:10px;\n padding-bottom:5px;\n padding-left:8px;\n max-width:none;\n font-size:24px;\n text-decoration:none;\n background-color:rgba(1, 1, 1, 1);\n color:rgba(255, 255, 255, 1);\n position:absolute;\n bottom:5px;\n}\n\n.link-container#img-2 {\n background-image:url('./slider-pics/IMG_5816.jpg?id=32&cache=1704215200858');\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/IMG_5844.jpg?id=33&cache=1704215350705');\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/IMG_5847.jpg?id=34&cache=1704215619144');\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/IMG_0206.jpg?id=31&cache=1704215759268');\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 width:80%;\n margin-right:auto;\n margin-left:auto;\n background-color:rgba(250, 247, 195, 1);\n padding-top:10px;\n padding-right:10px;\n padding-bottom:10px;\n padding-left:10px;\n position:relative;\n}","timestamp":1705363453329,"type":"Container","units":"rem"}
PK 0XSWp_ M_ " resources/slider-pics/IMG_0206.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 <