{"id":20476,"date":"2026-08-05T14:56:54","date_gmt":"2026-08-05T12:56:54","guid":{"rendered":"https:\/\/eurocontainerslf.com\/?page_id=20476"},"modified":"2026-08-05T15:12:51","modified_gmt":"2026-08-05T13:12:51","slug":"3d","status":"publish","type":"page","link":"https:\/\/eurocontainerslf.it\/nl\/3d\/","title":{"rendered":"3D"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"20476\" class=\"elementor elementor-20476\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79928ce e-flex e-con-boxed e-con e-parent\" data-id=\"79928ce\" 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-506241a elementor-widget elementor-widget-shortcode\" data-id=\"506241a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <section class=\"lc-3d-viewer\">\n\n        <div class=\"lc-3d-heading\">\n            <div>\n                <span class=\"lc-3d-kicker\">ONTDEK HET PRODUCT<\/span>\n                <h2>Locatelli afrolcontainer<\/h2>\n            <\/div>\n\n            <div class=\"lc-3d-instruction\">\n                Slepen om te roteren \u00b7 Scrollen om in te zoomen\n            <\/div>\n        <\/div>\n\n        <div\n            class=\"lc-3d-stage\"\n            style=\"--lc-viewer-height: 620px;\"\n        >\n\n            <model-viewer\n                src=\"https:\/\/eurocontainerslf.it\/wp-content\/uploads\/2026\/08\/container.glb\"\n                                    poster=\"https:\/\/eurocontainerslf.it\/wp-content\/uploads\/2026\/08\/container-anteprima.webp\"\n                                alt=\"Container scarrabile Locatelli\"\n                camera-controls\n auto-rotate auto-rotate-delay=\"1500\"\n                rotation-per-second=\"18deg\"\n                shadow-intensity=\"1\"\n                shadow-softness=\"0.8\"\n                exposure=\"1\"\n                environment-image=\"neutral\"\n                interaction-prompt=\"auto\"\n                loading=\"lazy\"\n                reveal=\"auto\"\n                touch-action=\"pan-y\"\n            >\n\n                <div\n                    class=\"lc-3d-loading\"\n                    slot=\"poster\"\n                >\n                    <span class=\"lc-3d-spinner\"><\/span>\n                    <strong>3D-model laden<\/strong>\n                <\/div>\n\n                <button\n                    type=\"button\"\n                    class=\"lc-3d-ar\"\n                    slot=\"ar-button\"\n                >\n                    Bekijk in uw omgeving\n                <\/button>\n\n            <\/model-viewer>\n\n            <button\n                type=\"button\"\n                class=\"lc-3d-fullscreen\"\n                aria-label=\"Open het model in volledig scherm.\"\n            >\n                <span>\u26f6<\/span>\n                Volledig scherm\n            <\/button>\n\n        <\/div>\n\n    <\/section>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n\n            document.querySelectorAll('.lc-3d-viewer').forEach(function (viewerBox) {\n\n                const stage = viewerBox.querySelector('.lc-3d-stage');\n                const button = viewerBox.querySelector('.lc-3d-fullscreen');\n\n                if (!stage || !button) {\n                    return;\n                }\n\n                button.addEventListener('click', function () {\n\n                    if (!document.fullscreenElement) {\n                        stage.requestFullscreen?.();\n                    } else {\n                        document.exitFullscreen?.();\n                    }\n\n                });\n\n            });\n\n        });\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-328f844 elementor-widget elementor-widget-shortcode\" data-id=\"328f844\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <section class=\"lc-3d-viewer\">\n\n        <div class=\"lc-3d-heading\">\n            <div>\n                <span class=\"lc-3d-kicker\">ONTDEK HET PRODUCT<\/span>\n                <h2>VRACHTWAGEN<\/h2>\n            <\/div>\n\n            <div class=\"lc-3d-instruction\">\n                Slepen om te roteren \u00b7 Scrollen om in te zoomen\n            <\/div>\n        <\/div>\n\n        <div\n            class=\"lc-3d-stage\"\n            style=\"--lc-viewer-height: 620px;\"\n        >\n\n            <model-viewer\n                src=\"https:\/\/eurocontainerslf.it\/wp-content\/uploads\/2026\/08\/CAMION.glb\"\n                                    poster=\"https:\/\/eurocontainerslf.it\/wp-content\/uploads\/2026\/08\/container-anteprima.webp\"\n                                alt=\"CAMION\"\n                camera-controls\n auto-rotate auto-rotate-delay=\"1500\"\n                rotation-per-second=\"18deg\"\n                shadow-intensity=\"1\"\n                shadow-softness=\"0.8\"\n                exposure=\"1\"\n                environment-image=\"neutral\"\n                interaction-prompt=\"auto\"\n                loading=\"lazy\"\n                reveal=\"auto\"\n                touch-action=\"pan-y\"\n            >\n\n                <div\n                    class=\"lc-3d-loading\"\n                    slot=\"poster\"\n                >\n                    <span class=\"lc-3d-spinner\"><\/span>\n                    <strong>3D-model laden<\/strong>\n                <\/div>\n\n                <button\n                    type=\"button\"\n                    class=\"lc-3d-ar\"\n                    slot=\"ar-button\"\n                >\n                    Bekijk in uw omgeving\n                <\/button>\n\n            <\/model-viewer>\n\n            <button\n                type=\"button\"\n                class=\"lc-3d-fullscreen\"\n                aria-label=\"Open het model in volledig scherm.\"\n            >\n                <span>\u26f6<\/span>\n                Volledig scherm\n            <\/button>\n\n        <\/div>\n\n    <\/section>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n\n            document.querySelectorAll('.lc-3d-viewer').forEach(function (viewerBox) {\n\n                const stage = viewerBox.querySelector('.lc-3d-stage');\n                const button = viewerBox.querySelector('.lc-3d-fullscreen');\n\n                if (!stage || !button) {\n                    return;\n                }\n\n                button.addEventListener('click', function () {\n\n                    if (!document.fullscreenElement) {\n                        stage.requestFullscreen?.();\n                    } else {\n                        document.exitFullscreen?.();\n                    }\n\n                });\n\n            });\n\n        });\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fba508 elementor-widget elementor-widget-shortcode\" data-id=\"3fba508\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <section class=\"lc-3d-viewer\">\n\n        <div class=\"lc-3d-heading\">\n            <div>\n                <span class=\"lc-3d-kicker\">ONTDEK HET PRODUCT<\/span>\n                <h2>KLEINE VRACHTWAGEN<\/h2>\n            <\/div>\n\n            <div class=\"lc-3d-instruction\">\n                Slepen om te roteren \u00b7 Scrollen om in te zoomen\n            <\/div>\n        <\/div>\n\n        <div\n            class=\"lc-3d-stage\"\n            style=\"--lc-viewer-height: 620px;\"\n        >\n\n            <model-viewer\n                src=\"https:\/\/eurocontainerslf.it\/wp-content\/uploads\/2026\/08\/CAMIONCINO.glb\"\n                                    poster=\"https:\/\/eurocontainerslf.it\/wp-content\/uploads\/2026\/08\/container-anteprima.webp\"\n                                alt=\"CAMION PICCOLO\"\n                camera-controls\n auto-rotate auto-rotate-delay=\"1500\"\n                rotation-per-second=\"18deg\"\n                shadow-intensity=\"1\"\n                shadow-softness=\"0.8\"\n                exposure=\"1\"\n                environment-image=\"neutral\"\n                interaction-prompt=\"auto\"\n                loading=\"lazy\"\n                reveal=\"auto\"\n                touch-action=\"pan-y\"\n            >\n\n                <div\n                    class=\"lc-3d-loading\"\n                    slot=\"poster\"\n                >\n                    <span class=\"lc-3d-spinner\"><\/span>\n                    <strong>3D-model laden<\/strong>\n                <\/div>\n\n                <button\n                    type=\"button\"\n                    class=\"lc-3d-ar\"\n                    slot=\"ar-button\"\n                >\n                    Bekijk in uw omgeving\n                <\/button>\n\n            <\/model-viewer>\n\n            <button\n                type=\"button\"\n                class=\"lc-3d-fullscreen\"\n                aria-label=\"Open het model in volledig scherm.\"\n            >\n                <span>\u26f6<\/span>\n                Volledig scherm\n            <\/button>\n\n        <\/div>\n\n    <\/section>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n\n            document.querySelectorAll('.lc-3d-viewer').forEach(function (viewerBox) {\n\n                const stage = viewerBox.querySelector('.lc-3d-stage');\n                const button = viewerBox.querySelector('.lc-3d-fullscreen');\n\n                if (!stage || !button) {\n                    return;\n                }\n\n                button.addEventListener('click', function () {\n\n                    if (!document.fullscreenElement) {\n                        stage.requestFullscreen?.();\n                    } else {\n                        document.exitFullscreen?.();\n                    }\n\n                });\n\n            });\n\n        });\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-20476","page","type-page","status-publish","hentry","is-cat-link-borders-light is-cat-link-rounded"],"_links":{"self":[{"href":"https:\/\/eurocontainerslf.it\/nl\/wp-json\/wp\/v2\/pages\/20476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eurocontainerslf.it\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eurocontainerslf.it\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eurocontainerslf.it\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eurocontainerslf.it\/nl\/wp-json\/wp\/v2\/comments?post=20476"}],"version-history":[{"count":11,"href":"https:\/\/eurocontainerslf.it\/nl\/wp-json\/wp\/v2\/pages\/20476\/revisions"}],"predecessor-version":[{"id":21321,"href":"https:\/\/eurocontainerslf.it\/nl\/wp-json\/wp\/v2\/pages\/20476\/revisions\/21321"}],"wp:attachment":[{"href":"https:\/\/eurocontainerslf.it\/nl\/wp-json\/wp\/v2\/media?parent=20476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}