{"id":375,"date":"2017-10-19T17:13:26","date_gmt":"2017-10-19T15:13:26","guid":{"rendered":"http:\/\/ergoncom.com\/?page_id=375"},"modified":"2017-10-19T17:13:26","modified_gmt":"2017-10-19T15:13:26","slug":"portfolio-prova","status":"publish","type":"page","link":"https:\/\/ergoncom.com\/it\/portfolio-prova\/","title":{"rendered":"(English) portfolio prova"},"content":{"rendered":"<p class=\"qtranxs-available-languages-message qtranxs-available-languages-message-it\">Ci spiace, ma questo articolo \u00e8 disponibile soltanto in <a href=\"https:\/\/ergoncom.com\/en\/wp-json\/wp\/v2\/pages\/375\" class=\"qtranxs-available-language-link qtranxs-available-language-link-en\" title=\"English\">Inglese Americano<\/a>. Per ragioni di convenienza del visitatore, il contenuto \u00e8 mostrato sotto nella lingua alternativa. Puoi cliccare sul link per cambiare la lingua attiva.<\/p><!-- SEO Ultimate (http:\/\/www.seodesignsolutions.com\/wordpress-seo\/) - Modulo inserimento codice -->\n<!-- Google Tag Manager (noscript) -->\r\n<noscript><iframe src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-MWGQRH3\"\r\nheight=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"><\/iframe><\/noscript>\r\n<!-- End Google Tag Manager (noscript) -->\n<!-- \/SEO Ultimate -->\n\n<p>\n\n\n<!--Link JS Files-->\n<script src=\"https:\/\/ergoncom.com\/wp-content\/plugins\/portfolio-wp\/js\/jquery\/jquery.modernizr.min.js\"><\/script>\n<script src=\"https:\/\/ergoncom.com\/wp-content\/plugins\/portfolio-wp\/js\/crp-tiled-layer.js\"><\/script>\n<script src=\"https:\/\/ergoncom.com\/wp-content\/plugins\/portfolio-wp\/js\/jquery\/jquery.lightgallery.min.js\"><\/script>\n\n\n<!--Link CSS Files-->\n<link href=\"https:\/\/ergoncom.com\/wp-content\/plugins\/portfolio-wp\/css\/crp-tiled-layer.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n<link href=\"https:\/\/ergoncom.com\/wp-content\/plugins\/portfolio-wp\/css\/lightgallery\/lightgallery.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n\n\n<!--Here Goes CSS-->\n<style>\n    \/* Portfolio Options Configuration Goes Here*\/\n    #gallery div{\n        margin-left: 0px !important;\n        margin-right: 0px !important;\n        padding-left: 0px !important;\n        padding-right: 0px !important;\n        -webkit-transform: translate3d(0,0,0);\n    }\n\n  .lg-info{\n  display:block;\n  float:left;\n  text-align: left;\n    z-index:3;\n    padding:10px;\n    margin: 0 auto;\n    min-width: 300px;\n    max-width: 400px;\n    color:black; font-size:16px;\n  }\n\n  .lg-info h4,.lg-info h3,.lg-info h2 {\n        color: black;\n        text-transform:uppercase;\n        margin: 0px;\n        font-size: 17px;\n        line-height: 17px;\n        max-height: 40px;\n        overflow: hidden;\n    }\n\n    .lg-info p {\n        color: black;\n        margin-top: 4px;\n        font-size: 13px;\n        line-height: normal;\n        max-height: 100px;\n        overflow: auto;\n    }\n\n<\/style>\n\n<!--Here Goes HTML-->\n<div onload=\"\" class=\"crp-wrapper\">\n<div id=\"gallery\">\n    <div id=\"ftg-items\" class=\"ftg-items\">\n                    <div id=\"crp-tile-1\" class=\"tile\">\n                \n                <a id=\"1\" class=\"tile-inner\" >\n                    <img class=\"crp-item\" src=\"https:\/\/ergoncom.com\/wp-content\/uploads\/2017\/06\/IMG_0442.jpg\" data-width=\"850\" data-height=\"635\" \/>\n                    <div class=\"caption\"><\/div>\n                <\/a>\n\n                <ul id=\"crp-light-gallery-1\" class=\"crp-light-gallery\" style=\"display: none;\" data-sub-html=\"&lt;div class=&#039;lg-info&#039;&gt;&lt;h4&gt;prima gallery&lt;\/h4&gt;&lt;p&gt;descrizione galleria&lt;\/p&gt;&lt;\/div&gt;\" data-url=\"\">\n                    \n                    <li data-src=\"https:\/\/ergoncom.com\/wp-content\/uploads\/2017\/06\/IMG_0442.jpg\" >\n                        <a href=\"#\" >\n                            <img src=\"https:\/\/ergoncom.com\/wp-content\/uploads\/2017\/06\/IMG_0442-300x224.jpg\" \/>\n                        <\/a>\n                    <\/li>\n\n                                                                        \n                            <li data-src=\"https:\/\/ergoncom.com\/wp-content\/uploads\/2017\/06\/IMG_5392.jpg\">\n                                <a href=\"#\">\n                                    <img src=\"https:\/\/ergoncom.com\/wp-content\/uploads\/2017\/06\/IMG_5392-300x200.jpg\" \/>\n                                <\/a>\n                            <\/li>\n                                                                                                \n                            <li data-src=\"https:\/\/ergoncom.com\/wp-content\/uploads\/2017\/06\/IMG_5382.jpg\">\n                                <a href=\"#\">\n                                    <img src=\"https:\/\/ergoncom.com\/wp-content\/uploads\/2017\/06\/IMG_5382-300x200.jpg\" \/>\n                                <\/a>\n                            <\/li>\n                                                                                                \n                            <li data-src=\"https:\/\/ergoncom.com\/wp-content\/uploads\/2017\/06\/IMG_5485.jpg\">\n                                <a href=\"#\">\n                                    <img src=\"https:\/\/ergoncom.com\/wp-content\/uploads\/2017\/06\/IMG_5485-300x200.jpg\" \/>\n                                <\/a>\n                            <\/li>\n                                                            <\/ul>\n            <\/div>\n            <\/div>\n<\/div>\n<!--Here Goes JS-->\n<script>\n\n\n (function($) {\n    jQuery('#gallery').crpTiledLayer({});\n\n    $( \".crp-light-gallery\" ).each(function() {\n      var id = $( this ).attr(\"id\");\n      $(\"#\" + 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) {\n          var href = $(el).attr(\"data-url\");\n          crp_loadHref(href,true);\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        event.preventDefault();\n        if(jQuery(event.target).hasClass(\"fa\") && !jQuery(event.target).hasClass(\"zoom\")) return;\n\n        var tileId = jQuery(this).attr(\"id\");\n        var target = jQuery(\"#\" + tileId + \" .crp-light-gallery li:first\");\n        target.trigger( \"click\" ); \n    });\n})( jQuery );\n\n\n\t\t\n\t\twindow.setTimeout('clickit()',20);\n\t\tfunction clickit(){\ndocument.getElementById(\"1\").click();\n\t\t}\n\n\n\n\n<\/script>\n\n\n<\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/gallery.php","meta":[],"_links":{"self":[{"href":"https:\/\/ergoncom.com\/it\/wp-json\/wp\/v2\/pages\/375"}],"collection":[{"href":"https:\/\/ergoncom.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ergoncom.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ergoncom.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ergoncom.com\/it\/wp-json\/wp\/v2\/comments?post=375"}],"version-history":[{"count":1,"href":"https:\/\/ergoncom.com\/it\/wp-json\/wp\/v2\/pages\/375\/revisions"}],"predecessor-version":[{"id":376,"href":"https:\/\/ergoncom.com\/it\/wp-json\/wp\/v2\/pages\/375\/revisions\/376"}],"wp:attachment":[{"href":"https:\/\/ergoncom.com\/it\/wp-json\/wp\/v2\/media?parent=375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}