{"id":255,"date":"2023-07-15T05:27:13","date_gmt":"2023-07-15T09:27:13","guid":{"rendered":"https:\/\/multisportsrosemere.ca\/?page_id=255"},"modified":"2023-09-05T17:17:34","modified_gmt":"2023-09-05T21:17:34","slug":"galerie-photo","status":"publish","type":"page","link":"https:\/\/multisportsrosemere.ca\/galerie-photo\/","title":{"rendered":"Galerie photo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"255\" class=\"elementor elementor-255\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-3bd4024 e-flex e-con-boxed e-con e-parent\" data-id=\"3bd4024\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-262550a e-con-full e-flex e-con e-parent\" data-id=\"262550a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49203a6 elementor-widget elementor-widget-heading\" data-id=\"49203a6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 18-04-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h3 class=\"elementor-heading-title elementor-size-default\">Envoyez-nous vos photos !<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75ff5d7 elementor-widget elementor-widget-text-editor\" data-id=\"75ff5d7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 18-04-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Vous avez pris des photos de votre enfant, de votre \u00e9quipe ou de votre \u00e9v\u00e9nement au centre et aimeriez les partager avec nos usagers ? Faites nous les parvenir par courriel et il nous fera plaisir de la mettre dans notre galerie photo.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-da4e430 e-con-full e-flex e-con e-parent\" data-id=\"da4e430\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2e1393 elementor-mobile_extra-align-center elementor-mobile-align-justify elementor-widget elementor-widget-button\" data-id=\"f2e1393\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/multisportsrosemere.ca\/nous-joindre\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Nous joindre<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\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<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-0a5b36a e-flex e-con-boxed e-con e-parent\" data-id=\"0a5b36a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff3ccbd elementor-widget elementor-widget-video\" data-id=\"ff3ccbd\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/T-ixcFY6qtc&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;yt_privacy&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 18-04-2024 *\/\n.elementor-widget-video .elementor-widget-container{overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper{aspect-ratio:var(--video-aspect-ratio)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{height:100%;width:100%;display:flex;border:none;background-color:#000}@supports not (aspect-ratio:1\/1){.elementor-widget-video .elementor-wrapper{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% \/ var(--video-aspect-ratio))}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:50%}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{display:block;width:100%;aspect-ratio:var(--video-aspect-ratio);-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}@supports not (aspect-ratio:1\/1){.elementor-widget-video .elementor-custom-embed-image-overlay{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% \/ var(--video-aspect-ratio))}.elementor-widget-video .elementor-custom-embed-image-overlay img{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var(--container-widget-flex-grow)}<\/style>\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61b302f elementor-widget elementor-widget-shortcode\" data-id=\"61b302f\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"row galerie\">\n            <div class=\"col-12 col-md-6 col-lg-4\">\n            <a href=\"https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/panneau-cmr-cdcsr-scaled.jpg\" data-lightbox=\"image-335\" data-title=\"Panneau \u00e0 l&rsquo;entr\u00e9e du stationnement CDCSR\">\n                <div class=\"photo-container\" style=\"background-image:url('https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/panneau-cmr-cdcsr-scaled.jpg');\">\n                    <div class=\"overlay\">\n                        <h3>Panneau \u00e0 l&rsquo;entr\u00e9e du stationnement CDCSR<\/h3>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n            <a href=\"https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/cmr-terrain-exterieur-north-lions-scaled.jpg\" data-lightbox=\"image-334\" data-title=\"Pratique de l&rsquo;acad\u00e9mie North Lions sur le terrain ext\u00e9rieur\">\n                <div class=\"photo-container\" style=\"background-image:url('https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/cmr-terrain-exterieur-north-lions-scaled.jpg');\">\n                    <div class=\"overlay\">\n                        <h3>Pratique de l&rsquo;acad\u00e9mie North Lions sur le terrain ext\u00e9rieur<\/h3>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n            <a href=\"https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/cmr-reparation-terrain-scaled.jpg\" data-lightbox=\"image-333\" data-title=\"R\u00e9paration des lumi\u00e8res du terrain\">\n                <div class=\"photo-container\" style=\"background-image:url('https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/cmr-reparation-terrain-scaled.jpg');\">\n                    <div class=\"overlay\">\n                        <h3>R\u00e9paration des lumi\u00e8res du terrain<\/h3>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n            <a href=\"https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/cmr-logo-batiment-2-scaled.jpg\" data-lightbox=\"image-331\" data-title=\"Logo du centre &#8211; ext\u00e9rieur avec couleur\">\n                <div class=\"photo-container\" style=\"background-image:url('https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/cmr-logo-batiment-2-scaled.jpg');\">\n                    <div class=\"overlay\">\n                        <h3>Logo du centre &#8211; ext\u00e9rieur avec couleur<\/h3>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n            <a href=\"https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/cmr-logo-batiment-scaled.jpg\" data-lightbox=\"image-332\" data-title=\"Logo du centre &#8211; ext\u00e9rieur sans couleur\">\n                <div class=\"photo-container\" style=\"background-image:url('https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/cmr-logo-batiment-scaled.jpg');\">\n                    <div class=\"overlay\">\n                        <h3>Logo du centre &#8211; ext\u00e9rieur sans couleur<\/h3>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n            <a href=\"https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/cmr-externat-sacree-coeur-scaled.jpg\" data-lightbox=\"image-329\" data-title=\"Rassemblement des \u00e9l\u00e8ves de l&rsquo;Externat Sacr\u00e9e-Coeur\">\n                <div class=\"photo-container\" style=\"background-image:url('https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/cmr-externat-sacree-coeur-scaled.jpg');\">\n                    <div class=\"overlay\">\n                        <h3>Rassemblement des \u00e9l\u00e8ves de l&rsquo;Externat Sacr\u00e9e-Coeur<\/h3>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n            <a href=\"https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/cmr-entretien-terrain-scaled.jpg\" data-lightbox=\"image-328\" data-title=\"R\u00e9paration des lumi\u00e8res du terrain\">\n                <div class=\"photo-container\" style=\"background-image:url('https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/cmr-entretien-terrain-scaled.jpg');\">\n                    <div class=\"overlay\">\n                        <h3>R\u00e9paration des lumi\u00e8res du terrain<\/h3>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n            <a href=\"https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/cmr-entretien-terrain-2-scaled.jpg\" data-lightbox=\"image-327\" data-title=\"Nettoyage du terrain\">\n                <div class=\"photo-container\" style=\"background-image:url('https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/cmr-entretien-terrain-2-scaled.jpg');\">\n                    <div class=\"overlay\">\n                        <h3>Nettoyage du terrain<\/h3>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n            <a href=\"https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/cmr-entree-2-scaled.jpg\" data-lightbox=\"image-325\" data-title=\"Entr\u00e9e du centre &#8211; int\u00e9rieur\">\n                <div class=\"photo-container\" style=\"background-image:url('https:\/\/multisportsrosemere.ca\/wp-content\/uploads\/2023\/07\/cmr-entree-2-scaled.jpg');\">\n                    <div class=\"overlay\">\n                        <h3>Entr\u00e9e du centre &#8211; int\u00e9rieur<\/h3>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/div>\n<div class=\"row\">\n    <button id=\"gallery-load-more\"><span class=\"text\">Voir plus<\/span><span class=\"loader\"><i class=\"fa-sharp fa-light fa-loader fa-spin\"><\/i><\/span><\/button>\n<\/div>\n<script>\n    let $ = jQuery;\n    let offset = 1;\n    let category = \"\";\n    let morePhotos = true;\n\n    $('#gallery-load-more').on('click', function() {\n        if (!morePhotos) {\n            return;\n        }\n\n        loadPhotos();\n    });\n\n\n    function loadPhotos() {\n        \/\/ Show loading \n        $('#gallery-load-more .text').hide();\n        $('#gallery-load-more .loader').show();\n\n        \/\/ Load photos from API\n        $.get(window.location.origin + \"\/wp-json\/cmr\/v1\/photos\", {\n            category: category,\n            offset: offset,\n        }).done(function(data) {\n            let photos = JSON.parse(data);\n            console.log(photos)\n            if (photos.length) {\n                offset++;\n                addPhotosToGallery(photos);\n            } else {\n                \/\/ No photos left\n                $('#gallery-load-more .text').html('Fin de la galerie');\n                $('#gallery-load-more .text').show();\n                $('#gallery-load-more .loader').hide();\n                morePhotos = false;\n            }\n        }).fail(function(data) {\n            $('#gallery-load-more .text').html('Fin de la galerie');\n            $('#gallery-load-more .text').show();\n            $('#gallery-load-more .loader').hide();\n            console.log('error')\n        });   \n    }\n\n    function addPhotosToGallery(photos) {\n        photos.forEach(photo => {\n\n            \/\/ Add overlay and title\n            let overlay = $('<div class=\"overlay\"><\/div>').append(`<h3>${ photo.title }<\/h3>`);\n\n            \/\/ Add photo container\n            let photoContainer = $('<div class=\"photo-container\"><\/div>')\n                .css('background-image', `url(${ photo.url })`)\n                .append(overlay);\n            \n            \/\/ Add lightbox link\n            let lightbox = $('<a><\/a>')\n                .attr('href', photo.url)\n                .data('lightbox', 'image-' + photo.thumbnail_id)\n                .data('title', photo.title)\n                .append(photoContainer);\n\n            \/\/ Create column\n            let column = $('<div class=\"col-12 col-md-6 col-lg-4\"><\/div>')\n                .append(lightbox);\n\n            $('.galerie').append(column);\n        });\n\n        $('#gallery-load-more .text').show();\n        $('#gallery-load-more .loader').hide();\n    }\n<\/script>\n\t\t<div class=\"elementor-shortcode\"><\/div>\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>Envoyez-nous vos photos ! Vous avez pris des photos de votre enfant, de votre \u00e9quipe ou de votre \u00e9v\u00e9nement au centre et aimeriez les partager avec nos usagers ? Faites nous les parvenir par courriel et il nous fera plaisir de la mettre dans notre galerie photo. Nous joindre<\/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,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","inline_featured_image":false,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/multisportsrosemere.ca\/wp-json\/wp\/v2\/pages\/255"}],"collection":[{"href":"https:\/\/multisportsrosemere.ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/multisportsrosemere.ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/multisportsrosemere.ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/multisportsrosemere.ca\/wp-json\/wp\/v2\/comments?post=255"}],"version-history":[{"count":55,"href":"https:\/\/multisportsrosemere.ca\/wp-json\/wp\/v2\/pages\/255\/revisions"}],"predecessor-version":[{"id":972,"href":"https:\/\/multisportsrosemere.ca\/wp-json\/wp\/v2\/pages\/255\/revisions\/972"}],"wp:attachment":[{"href":"https:\/\/multisportsrosemere.ca\/wp-json\/wp\/v2\/media?parent=255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}