{"id":39,"date":"2024-06-06T19:03:14","date_gmt":"2024-06-06T19:03:14","guid":{"rendered":"https:\/\/dorienreijn.fr\/?p=39"},"modified":"2024-11-24T11:32:18","modified_gmt":"2024-11-24T11:32:18","slug":"flottant","status":"publish","type":"post","link":"https:\/\/dorienreijn.fr\/index.php\/2024\/06\/06\/flottant\/","title":{"rendered":"Plantes et Fleurs"},"content":{"rendered":"<p>&nbsp;<\/p>\n\n<style>\n    \/* Portfolio Options Configuration Goes Here*\/\n    #gallery .tile:hover{\n        cursor: pointer !important;\n    }\n\n    \/* - - - - - - - - - - - - - - -*\/\n    \/* Tile Hover Customizations *\/\n\n    \/* Customize overlay background *\/\n    #gallery .crp-tile-inner .overlay,\n    #gallery .tile .caption {\n        background-color: rgba(0,0,0,0.50196078431373) !important;\n    }\n\n    #gallery .crp-tile-inner.crp-details-bg .details {\n        background-color: rgba(0,0,0,0.50196078431373) !important;\n    }\n\n    #gallery .crp-tile-inner .details h3 {\n        color: #ffffff;\n        text-align: center;\n        font-size: 18px;\n    }\n\n    #gallery .crp-tile-inner .details p {\n        color: #ffffff;\n        text-align: center;\n        font-size: 11px;\n    }\n\n        #gallery .crp-tile-inner .details h3 {\n        margin-bottom: 0px;\n    }\n    \n<\/style>\n\n<!--Here Goes HTML-->\n<div class=\"crp-wrapper\">\n    <div id=\"gallery\">\n        <div id=\"ftg-items\" class=\"ftg-items\">\n                            <div id=\"crp-tile-31\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"31\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/743763054.736071-scaled.jpeg\" data-width=\"2560\" data-height=\"1706\" \/>\n                        <div class='overlay'><\/div><div class='details'><h3>Pavot\/Papaver<\/h3><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-29\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"29\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/743003855.774122-scaled.jpeg\" data-width=\"1920\" data-height=\"2560\" \/>\n                        <div class='overlay'><\/div><div class='details'><h3>Tomates 2\/tomaten 2<\/h3><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-30\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"30\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/743759557.198874-scaled.jpeg\" data-width=\"2560\" data-height=\"2042\" \/>\n                        <div class='overlay'><\/div><div class='details'><h3>Citrouilles\/pompoenen<\/h3><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-26\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"26\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/742639012.067858-scaled.jpeg\" data-width=\"2560\" data-height=\"2091\" \/>\n                        <div class='overlay'><\/div><div class='details'><h3>Deux poires\/twee peren<\/h3><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-25\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"25\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/742398235.852746-scaled.jpeg\" data-width=\"2560\" data-height=\"1608\" \/>\n                        <div class='overlay'><\/div><div class='details'><h3>Trois poires\/drie peren<\/h3><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-27\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"27\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/742721243.195311.jpeg\" data-width=\"1969\" data-height=\"1969\" \/>\n                        <div class='overlay'><\/div><div class='details'><h3>Capucine\/oost-indische kers<\/h3><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-28\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"28\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/742998327.413684-scaled.jpeg\" data-width=\"1706\" data-height=\"2560\" \/>\n                        <div class='overlay'><\/div><div class='details'><h3>Tomates 1\/tomates 1<\/h3><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-8\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"8\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/06\/wl.jpg\" data-width=\"1411\" data-height=\"1006\" \/>\n                        <div class='overlay'><\/div><div class='details'><h3>N\u00e9nuphars\/waterlelies<\/h3><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                                        <ul id=\"crp-light-gallery\" class=\"crp-light-gallery\" style=\"display: none;\" >\n                                    \n                    <li id=\"crp-light-gallery-item-31\" data-src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/743763054.736071-scaled.jpeg\" data-sub-html=\"&lt;div class=&#039;lg-info&#039;&gt;&lt;h4 class=&#039;lg-h4&#039;&gt;Pavot\/Papaver&lt;\/h4&gt;&lt;p class=&#039;lg-p&#039;&gt;20x30 cm\nHuile sur toile\/olieverf op doek&lt;\/p&gt;&lt;\/div&gt;\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/743763054.736071-300x200.jpeg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-29\" data-src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/743003855.774122-scaled.jpeg\" data-sub-html=\"&lt;div class=&#039;lg-info&#039;&gt;&lt;h4 class=&#039;lg-h4&#039;&gt;Tomates 2\/tomaten 2&lt;\/h4&gt;&lt;p class=&#039;lg-p&#039;&gt;24 x 33 cm\nHuile sur toile\/olieverf op doek\n&lt;\/p&gt;&lt;\/div&gt;\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/743003855.774122-225x300.jpeg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-30\" data-src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/743759557.198874-scaled.jpeg\" data-sub-html=\"&lt;div class=&#039;lg-info&#039;&gt;&lt;h4 class=&#039;lg-h4&#039;&gt;Citrouilles\/pompoenen&lt;\/h4&gt;&lt;p class=&#039;lg-p&#039;&gt;40 x 50 cm\nHuile sur toile\/olieverf op doek&lt;\/p&gt;&lt;\/div&gt;\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/743759557.198874-300x239.jpeg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-26\" data-src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/742639012.067858-scaled.jpeg\" data-sub-html=\"&lt;div class=&#039;lg-info&#039;&gt;&lt;h4 class=&#039;lg-h4&#039;&gt;Deux poires\/twee peren&lt;\/h4&gt;&lt;p class=&#039;lg-p&#039;&gt;20 x 30 cm, avec cadre\nHuile sur toile\/olieverf op doek&lt;\/p&gt;&lt;\/div&gt;\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/742639012.067858-300x245.jpeg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-25\" data-src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/742398235.852746-scaled.jpeg\" data-sub-html=\"&lt;div class=&#039;lg-info&#039;&gt;&lt;h4 class=&#039;lg-h4&#039;&gt;Trois poires\/drie peren&lt;\/h4&gt;&lt;p class=&#039;lg-p&#039;&gt;25 x 35 cm\nHuile sur toile\/olieverf op doek&lt;\/p&gt;&lt;\/div&gt;\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/742398235.852746-300x188.jpeg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-27\" data-src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/742721243.195311.jpeg\" data-sub-html=\"&lt;div class=&#039;lg-info&#039;&gt;&lt;h4 class=&#039;lg-h4&#039;&gt;Capucine\/oost-indische kers&lt;\/h4&gt;&lt;p class=&#039;lg-p&#039;&gt;20 x 20 cm\nHuile sur bois\/olieverf op paneel&lt;\/p&gt;&lt;\/div&gt;\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/742721243.195311-300x300.jpeg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-28\" data-src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/742998327.413684-scaled.jpeg\" data-sub-html=\"&lt;div class=&#039;lg-info&#039;&gt;&lt;h4 class=&#039;lg-h4&#039;&gt;Tomates 1\/tomates 1&lt;\/h4&gt;&lt;p class=&#039;lg-p&#039;&gt;22 x 33 cm\nHuile sur toile\/olieverf op doek\n&lt;\/p&gt;&lt;\/div&gt;\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/11\/742998327.413684-200x300.jpeg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-8\" data-src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/06\/wl.jpg\" data-sub-html=\"&lt;div class=&#039;lg-info&#039;&gt;&lt;h4 class=&#039;lg-h4&#039;&gt;N&eacute;nuphars\/waterlelies&lt;\/h4&gt;&lt;p class=&#039;lg-p&#039;&gt;53,5 x 80,5 cm\nHuile sur toile\/olieverf op doek&lt;\/p&gt;&lt;\/div&gt;\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/dorienreijn.fr\/wp-content\/uploads\/2024\/06\/wl-300x214.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                <\/ul>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n<!--Here Goes JS-->\n<script>\n    (function($) {\n        jQuery(document).ready(function(){\n\n            var tileParams = {};\n\n            if(0) {\n                tileParams.approxTileWidth = 250;\n                tileParams.approxTileHeight = 250;\n                tileParams.minTileWidth = 200;\n            }\n\n            if(0) {\n                tileParams.addBlock1Height = 40;\n                tileParams.addBlock2Height = 100;\n            }\n            jQuery('#gallery').crpTiledLayer(tileParams);\n\n            jQuery( \".crp-light-gallery\" ).each(function() {\n              var id = $( this ).attr(\"id\");\n              jQuery(\"#\" + id).lightGallery({\n                mode: 'slide',\n                useCSS: true,\n                cssEasing: 'ease', \/\/'cubic-bezier(0.25, 0, 0.25, 1)',\/\/\n                easing: 'linear', \/\/'for jquery animation',\/\/\n                speed: 600,\n                addClass: '',\n\n                closable: true,\n                loop: true,\n                auto: false,\n                pause: 6000,\n                escKey: true,\n                controls: true,\n                hideControlOnEnd: false,\n\n                preload: 1, \/\/number of preload slides. will exicute only after the current slide is fully loaded. ex:\/\/ you clicked on 4th image and if preload = 1 then 3rd slide and 5th slide will be loaded in the background after the 4th slide is fully loaded.. if preload is 2 then 2nd 3rd 5th 6th slides will be preloaded.. ... ...\n                showAfterLoad: true,\n                selector: null,\n                index: false,\n\n                lang: {\n                    allPhotos: 'All photos'\n                },\n                counter: false,\n\n                exThumbImage: false,\n                thumbnail: true,\n                showThumbByDefault:false,\n                animateThumb: true,\n                currentPagerPosition: 'middle',\n                thumbWidth: 150,\n                thumbMargin: 10,\n\n\n                mobileSrc: false,\n                mobileSrcMaxWidth: 640,\n                swipeThreshold: 50,\n                enableTouch: true,\n                enableDrag: true,\n\n                vimeoColor: 'CCCCCC',\n                youtubePlayerParams: false, \/\/ See: https:\/\/developers.google.com\/youtube\/player_parameters,\n                videoAutoplay: true,\n                videoMaxWidth: '855px',\n\n                dynamic: false,\n                dynamicEl: [],\n\n                \/\/ Callbacks el = current plugin\n                onOpen        : function(el) {}, \/\/ Executes immediately after the gallery is loaded.\n                onSlideBefore : function(el) {}, \/\/ Executes immediately before each transition.\n                onSlideAfter  : function(el) {}, \/\/ Executes immediately after each transition.\n                onSlideNext   : function(el) {}, \/\/ Executes immediately before each \"Next\" transition.\n                onSlidePrev   : function(el) {}, \/\/ Executes immediately before each \"Prev\" transition.\n                onBeforeClose : function(el) {}, \/\/ Executes immediately before the start of the close process.\n                onCloseAfter  : function(el) {}, \/\/ Executes immediately once lightGallery is closed.\n                onOpenExternal  : function(el, index) {\n                    if($(el).attr('data-url')) {\n                        var href = $(el).attr(\"data-url\");\n                    } else {\n                        var href = $(\"#crp-light-gallery li\").eq(index).attr('data-url');\n                    }\n                    if(href) {\n                        crp_loadHref(href,true);\n                    }else {\n                        return false;\n                    }\n\n                }, \/\/ Executes immediately before each \"open external\" transition.\n                onToggleInfo  : function(el) {\n                  var $info = $(\".lg-info\");\n                  if($info.css(\"opacity\") == 1){\n                    $info.fadeTo(\"slow\",0);\n                  }else{\n                    $info.fadeTo(\"slow\",1);\n                  }\n                } \/\/ Executes immediately before each \"toggle info\" transition.\n              });\n            });\n\n            jQuery(\".tile\").on('click', function (event){\n                if(jQuery(event.target).hasClass('crp-product-buy-button') || jQuery(event.target).hasClass('crp-product-checkout-button')) {\n                    return false;\n                } else if(jQuery(event.target).is(\"a\")) {\n                  return true;\n                }\n\n                \n                event.preventDefault();\n                if(jQuery(event.target).hasClass(\"fa\") && !jQuery(event.target).hasClass(\"zoom\")) return;\n\n                                var tileId = jQuery(\".tile-inner\", jQuery(this)).attr(\"id\");\n                var target = jQuery(\"#crp-light-gallery-item-\"+tileId);\n                                target.trigger( \"click\" );\n            });\n\n        });\n    })( jQuery );\n\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":33,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-39","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-niet-gecategoriseerd"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/dorienreijn.fr\/index.php\/wp-json\/wp\/v2\/posts\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dorienreijn.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dorienreijn.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dorienreijn.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dorienreijn.fr\/index.php\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":5,"href":"https:\/\/dorienreijn.fr\/index.php\/wp-json\/wp\/v2\/posts\/39\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/dorienreijn.fr\/index.php\/wp-json\/wp\/v2\/posts\/39\/revisions\/82"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dorienreijn.fr\/index.php\/wp-json\/wp\/v2\/media\/33"}],"wp:attachment":[{"href":"https:\/\/dorienreijn.fr\/index.php\/wp-json\/wp\/v2\/media?parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dorienreijn.fr\/index.php\/wp-json\/wp\/v2\/categories?post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dorienreijn.fr\/index.php\/wp-json\/wp\/v2\/tags?post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}