PK {1X_\ bs-simple-crossfade100.cccomp PK
y1X,T O component.jsonO{"UUID":"2948f306-a8da-452b-9ef5-a0331830ab04","additional_states":{"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 1":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Picture":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3541","appId":"RSD","appVersion":3541,"buildNumber":5982,"component_resources":{"classes":7,"file_sizes_values":[1231738,0,0],"file_type_values":[5,0,0],"html_elements":0,"ids":0,"links_external":0,"links_internal":0,"local_files":"5 (local size 1,17 MB)","styled_breakpoints":"576px / 992px"},"description":"Your component description","element_name":"Container","framework":"bootstrap4","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\">
Put 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":"bs-simple-crossfade100","resources":{"./slider-pics/foca-afternoon.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"./slider-pics/foca-pier2.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"./slider-pics/foca-tourboat.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"./slider-pics/ingiliz-burnu.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"./slider-pics/restaurant.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"}},"stylesheet":".container-grid.x-fade-allinside {\n position:relative;\n height:18vw;\n width:100%;\n margin-right:auto;\n margin-left:auto;\n}\n\ndiv.responsive-picture.crossfade-img > picture {\n height:18vw;\n}\n\ndiv.responsive-picture.crossfade-img {\n height:18vw;\n position:absolute;\n max-height:400px;\n transition-duration:3s;\n top:0px;\n opacity:0;\n transition-property:opacity;\n max-width:none;\n}\n\n.container-grid.rest-of-page {\n padding-top:10px;\n padding-right:10px;\n padding-bottom:10px;\n padding-left:10px;\n background-color:rgba(210, 231, 247, 1);\n}\n\nh1.page-heading {\n font-size:20px;\n}\n\n@supports (display: grid) {\n div.responsive-picture.crossfade-img > picture {\n height:16.64vw;\n }\n}\n\n@media screen and (min-width: 36rem) {\n h1.page-heading {\n font-size:3.3vw;\n }\n}\n\n@media screen and (min-width: 62rem) {\n h1.page-heading {\n font-size:32px;\n }\n}","timestamp":1705500462899,"type":"Container","units":"rem"}
PK
y1XED ( resources/slider-pics/foca-afternoon.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 <