{"id":5242,"date":"2025-11-24T17:05:56","date_gmt":"2025-11-24T16:05:56","guid":{"rendered":"https:\/\/xn--ferbk-vra.dk\/?page_id=5242"},"modified":"2025-11-24T17:16:08","modified_gmt":"2025-11-24T16:16:08","slug":"scrolling-carousel","status":"publish","type":"page","link":"https:\/\/xn--ferbk-vra.dk\/index.php\/scrolling-carousel\/","title":{"rendered":"Scrolling carousel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5242\" class=\"elementor elementor-5242\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14bb5da e-flex e-con-boxed e-con e-parent\" data-id=\"14bb5da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d58b82 elementor-widget elementor-widget-html\" data-id=\"7d58b82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n .down, .up {\n    --column-height: 100vh;\n    --image-height: 200px;\n    --row-gap: 6px;\n    --num-images: 5;\n\n    height: var(--column-height);\n    overflow: hidden;\n    position: relative;\n    \n-webkit-mask-image: linear-gradient(\n  to bottom,\n  rgba(0,0,0,0) 0%,\n  rgba(0,0,0,0.7) 20%,  \/* softer entry *\/\n  rgba(0,0,0,1) 30%,    \/* fully visible *\/\n  rgba(0,0,0,1) 70%,    \/* stay visible *\/\n  rgba(0,0,0,0.7) 80%,  \/* softer exit *\/\n  rgba(0,0,0,0) 100%\n);\n  }\n\n  .scroll-container {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .up .scroll-container {\n    animation: imagescrolling 15s linear infinite alternate;\n    animation-delay: -0.1s; \/* Offset to ensure it starts halfway through the cycle *\/\n  }\n\n  .down .scroll-container {\n    animation: imagescrolling2 15s linear infinite alternate;\n  }\n\n  .scroll-container img {\n    height: var(--image-height);\n    width: 100%;\n    margin-bottom: var(--row-gap);\n    padding: 0;\n    object-fit: cover;\n  }\n\n  @keyframes imagescrolling {\n    0% {\n      transform: translateY(0);\n    }\n    100% {\n      transform: translateY(calc(\n        -1 * (((var(--image-height) + var(--row-gap)) * var(--num-images)) - var(--column-height))\n      ));\n    }\n  }\n\n  @keyframes imagescrolling2 {\n    0% {\n      transform: translateY(calc(\n        -1 * (((var(--image-height) + var(--row-gap)) * var(--num-images)) - var(--column-height))\n      ));\n    }\n    100% {\n      transform: translateY(0);\n    }\n  }\n  \n@media (max-width: 500px) {\n    .down, .up {\n      --column-height: 300px;\n    }\n  }\nimagescrolling2 {\n    0% {\n      transform: translateY(calc(\n        -1 * (((var(--image-height) + var(--row-gap)) * var(--num-images)) - var(--column-height))\n      ));\n    }\n    100% {\n      transform: translateY(0);\n    }\n  }\n  \n@media (max-width: 500px) {\n    .down, .up {\n      --column-height: 300px;\n    }\n  }\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd59b87 e-con-full up e-flex e-con e-child\" data-id=\"cd59b87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8973e26 e-con-full e-flex e-con e-child\" data-id=\"8973e26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31e5893 elementor-widget elementor-widget-image\" data-id=\"31e5893\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/xn--ferbk-vra.dk\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" alt=\"\" title=\"\" width=\"1200\" height=\"800\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-547d989 e-con-full down e-flex e-con e-child\" data-id=\"547d989\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-68ba7a8 e-con-full e-flex e-con e-child\" data-id=\"68ba7a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ddd388 elementor-widget elementor-widget-image\" data-id=\"7ddd388\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"84\" src=\"https:\/\/xn--ferbk-vra.dk\/wp-content\/uploads\/2025\/07\/IMG_5259.webp\" class=\"attachment-thumbnail size-thumbnail wp-image-4920\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55d5f85 elementor-widget elementor-widget-image\" data-id=\"55d5f85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"84\" src=\"https:\/\/xn--ferbk-vra.dk\/wp-content\/uploads\/2025\/07\/IMG_5249.webp\" class=\"attachment-thumbnail size-thumbnail wp-image-4913\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bb84bf elementor-widget elementor-widget-image\" data-id=\"4bb84bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"84\" src=\"https:\/\/xn--ferbk-vra.dk\/wp-content\/uploads\/2025\/07\/IMG_5258.webp\" class=\"attachment-thumbnail size-thumbnail wp-image-4915\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66666aa elementor-widget elementor-widget-image\" data-id=\"66666aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"84\" src=\"https:\/\/xn--ferbk-vra.dk\/wp-content\/uploads\/2025\/07\/IMG_5240.webp\" class=\"attachment-thumbnail size-thumbnail wp-image-4917\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5190db9 elementor-widget elementor-widget-image\" data-id=\"5190db9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/xn--ferbk-vra.dk\/wp-content\/uploads\/2024\/10\/IMG_4493-150x150.webp\" class=\"attachment-thumbnail size-thumbnail wp-image-4482\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14cf82b elementor-widget elementor-widget-image\" data-id=\"14cf82b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/xn--ferbk-vra.dk\/wp-content\/uploads\/2024\/10\/IMG_20241013_110922-scaled-150x150.webp\" class=\"attachment-thumbnail size-thumbnail wp-image-4502\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42bed8b elementor-widget elementor-widget-image\" data-id=\"42bed8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/xn--ferbk-vra.dk\/wp-content\/uploads\/2021\/10\/IMG_3779-150x150.webp\" class=\"attachment-thumbnail size-thumbnail wp-image-1385\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4475dcf elementor-widget elementor-widget-image\" data-id=\"4475dcf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/xn--ferbk-vra.dk\/wp-content\/uploads\/2021\/10\/IMG_3777-150x150.webp\" class=\"attachment-thumbnail size-thumbnail wp-image-1387\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-068f0fb elementor-widget elementor-widget-image\" data-id=\"068f0fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/xn--ferbk-vra.dk\/wp-content\/uploads\/2021\/10\/image-3-150x150.webp\" class=\"attachment-thumbnail size-thumbnail wp-image-1468\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9012a1d elementor-widget elementor-widget-image\" data-id=\"9012a1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"84\" src=\"https:\/\/xn--ferbk-vra.dk\/wp-content\/uploads\/2025\/07\/IMG_5249.webp\" class=\"attachment-thumbnail size-thumbnail wp-image-4913\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-391b659 e-con-full up e-flex e-con e-child\" data-id=\"391b659\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-efeed20 e-con-full e-flex e-con e-child\" data-id=\"efeed20\" data-element_type=\"container\" data-e-type=\"container\">\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>.down, .up { &#8211;column-height: 100vh; &#8211;image-height: 200px; &#8211;row-gap: 6px; &#8211;num-images: 5; height: var(&#8211;column-height); overflow: hidden; position: relative; -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 20%, \/* softer entry *\/ rgba(0,0,0,1) 30%, \/* fully visible *\/ rgba(0,0,0,1) 70%, \/* stay visible *\/ rgba(0,0,0,0.7) 80%, \/* softer exit *\/ rgba(0,0,0,0) 100% ); } .scroll-container { display: flex; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5242","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/xn--ferbk-vra.dk\/index.php\/wp-json\/wp\/v2\/pages\/5242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--ferbk-vra.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--ferbk-vra.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--ferbk-vra.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--ferbk-vra.dk\/index.php\/wp-json\/wp\/v2\/comments?post=5242"}],"version-history":[{"count":4,"href":"https:\/\/xn--ferbk-vra.dk\/index.php\/wp-json\/wp\/v2\/pages\/5242\/revisions"}],"predecessor-version":[{"id":5246,"href":"https:\/\/xn--ferbk-vra.dk\/index.php\/wp-json\/wp\/v2\/pages\/5242\/revisions\/5246"}],"wp:attachment":[{"href":"https:\/\/xn--ferbk-vra.dk\/index.php\/wp-json\/wp\/v2\/media?parent=5242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}