{"id":4982,"date":"2014-12-22T12:35:12","date_gmt":"2014-12-22T12:35:12","guid":{"rendered":"http:\/\/www.devotosub.it\/?page_id=4982"},"modified":"2014-12-22T12:37:57","modified_gmt":"2014-12-22T12:37:57","slug":"gallery","status":"publish","type":"page","link":"https:\/\/www.devotosub.it\/en\/gallery\/","title":{"rendered":"GALLERY"},"content":{"rendered":"<p>Our athletes and their firms &#8230;<br \/>\n<div class=\"thumb_wrapper \" > \n<!-- START SLIDER -->\n<div id=\"slider-gallery-0\" class=\"slider slider-gallery thumbnails container\">\n    <div class=\"showcase group\">  \n    \n    <div class=\"showcase-slide\">\n        <div class=\"showcase-content\">\n            <!-- If the slide contains multiple elements you should wrap them in a div with the class\n            .showcase-content-wrapper. We usually wrap even if there is only one element,\n            because it looks better. -->\n            <div class=\"showcase-content-wrapper\">\n            \t<div class=\"showcase-content-slides\">\n                \t<img width=\"800\" height=\"533\" src=\"\/wp-content\/uploads\/2014\/05\/gallery11.jpg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" srcset=\"\/wp-content\/uploads\/2014\/05\/gallery11.jpg 800w, \/wp-content\/uploads\/2014\/05\/gallery11-300x199.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- Put the caption content in a div with the class .showcase-caption -->\n        \n        <div class=\"showcase-thumbnail\">\n            <img src=\"\/wp-content\/uploads\/2014\/05\/gallery11.jpg\" width=\"60\" height=\"60\" \/>\n        <\/div>\n\n        <!-- Put the tooltips in a div with the class .showcase-tooltips. -->\n            <\/div>\n\n    \n    <div class=\"showcase-slide\">\n        <div class=\"showcase-content\">\n            <!-- If the slide contains multiple elements you should wrap them in a div with the class\n            .showcase-content-wrapper. We usually wrap even if there is only one element,\n            because it looks better. -->\n            <div class=\"showcase-content-wrapper\">\n            \t<div class=\"showcase-content-slides\">\n                \t<img width=\"800\" height=\"533\" src=\"\/wp-content\/uploads\/2014\/05\/barracuda.jpg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" srcset=\"\/wp-content\/uploads\/2014\/05\/barracuda.jpg 800w, \/wp-content\/uploads\/2014\/05\/barracuda-300x199.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- Put the caption content in a div with the class .showcase-caption -->\n        \n        <div class=\"showcase-thumbnail\">\n            <img src=\"\/wp-content\/uploads\/2014\/05\/barracuda.jpg\" width=\"60\" height=\"60\" \/>\n        <\/div>\n\n        <!-- Put the tooltips in a div with the class .showcase-tooltips. -->\n            <\/div>\n\n    \n    <div class=\"showcase-slide\">\n        <div class=\"showcase-content\">\n            <!-- If the slide contains multiple elements you should wrap them in a div with the class\n            .showcase-content-wrapper. We usually wrap even if there is only one element,\n            because it looks better. -->\n            <div class=\"showcase-content-wrapper\">\n            \t<div class=\"showcase-content-slides\">\n                \t<img width=\"800\" height=\"533\" src=\"\/wp-content\/uploads\/2014\/05\/dentice.jpg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" srcset=\"\/wp-content\/uploads\/2014\/05\/dentice.jpg 800w, \/wp-content\/uploads\/2014\/05\/dentice-300x199.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- Put the caption content in a div with the class .showcase-caption -->\n        \n        <div class=\"showcase-thumbnail\">\n            <img src=\"\/wp-content\/uploads\/2014\/05\/dentice.jpg\" width=\"60\" height=\"60\" \/>\n        <\/div>\n\n        <!-- Put the tooltips in a div with the class .showcase-tooltips. -->\n            <\/div>\n\n    \n    <div class=\"showcase-slide\">\n        <div class=\"showcase-content\">\n            <!-- If the slide contains multiple elements you should wrap them in a div with the class\n            .showcase-content-wrapper. We usually wrap even if there is only one element,\n            because it looks better. -->\n            <div class=\"showcase-content-wrapper\">\n            \t<div class=\"showcase-content-slides\">\n                \t<img width=\"800\" height=\"533\" src=\"\/wp-content\/uploads\/2014\/05\/gruppo.jpg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" srcset=\"\/wp-content\/uploads\/2014\/05\/gruppo.jpg 800w, \/wp-content\/uploads\/2014\/05\/gruppo-300x199.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- Put the caption content in a div with the class .showcase-caption -->\n        \n        <div class=\"showcase-thumbnail\">\n            <img src=\"\/wp-content\/uploads\/2014\/05\/gruppo.jpg\" width=\"60\" height=\"60\" \/>\n        <\/div>\n\n        <!-- Put the tooltips in a div with the class .showcase-tooltips. -->\n            <\/div>\n\n    \n    <div class=\"showcase-slide\">\n        <div class=\"showcase-content\">\n            <!-- If the slide contains multiple elements you should wrap them in a div with the class\n            .showcase-content-wrapper. We usually wrap even if there is only one element,\n            because it looks better. -->\n            <div class=\"showcase-content-wrapper\">\n            \t<div class=\"showcase-content-slides\">\n                \t<img width=\"800\" height=\"533\" src=\"\/wp-content\/uploads\/2014\/05\/ricciola.jpg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" srcset=\"\/wp-content\/uploads\/2014\/05\/ricciola.jpg 800w, \/wp-content\/uploads\/2014\/05\/ricciola-300x199.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- Put the caption content in a div with the class .showcase-caption -->\n        \n        <div class=\"showcase-thumbnail\">\n            <img src=\"\/wp-content\/uploads\/2014\/05\/ricciola.jpg\" width=\"60\" height=\"60\" \/>\n        <\/div>\n\n        <!-- Put the tooltips in a div with the class .showcase-tooltips. -->\n            <\/div>\n\n    \n    <div class=\"showcase-slide\">\n        <div class=\"showcase-content\">\n            <!-- If the slide contains multiple elements you should wrap them in a div with the class\n            .showcase-content-wrapper. We usually wrap even if there is only one element,\n            because it looks better. -->\n            <div class=\"showcase-content-wrapper\">\n            \t<div class=\"showcase-content-slides\">\n                \t<img width=\"800\" height=\"533\" src=\"\/wp-content\/uploads\/2014\/05\/gallery1.jpg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" srcset=\"\/wp-content\/uploads\/2014\/05\/gallery1.jpg 800w, \/wp-content\/uploads\/2014\/05\/gallery1-300x199.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- Put the caption content in a div with the class .showcase-caption -->\n        \n        <div class=\"showcase-thumbnail\">\n            <img src=\"\/wp-content\/uploads\/2014\/05\/gallery1.jpg\" width=\"60\" height=\"60\" \/>\n        <\/div>\n\n        <!-- Put the tooltips in a div with the class .showcase-tooltips. -->\n            <\/div>\n\n    \n    <div class=\"showcase-slide\">\n        <div class=\"showcase-content\">\n            <!-- If the slide contains multiple elements you should wrap them in a div with the class\n            .showcase-content-wrapper. We usually wrap even if there is only one element,\n            because it looks better. -->\n            <div class=\"showcase-content-wrapper\">\n            \t<div class=\"showcase-content-slides\">\n                \t<img width=\"800\" height=\"533\" src=\"\/wp-content\/uploads\/2014\/05\/gallery2.jpg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" srcset=\"\/wp-content\/uploads\/2014\/05\/gallery2.jpg 800w, \/wp-content\/uploads\/2014\/05\/gallery2-300x199.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- Put the caption content in a div with the class .showcase-caption -->\n        \n        <div class=\"showcase-thumbnail\">\n            <img src=\"\/wp-content\/uploads\/2014\/05\/gallery2.jpg\" width=\"60\" height=\"60\" \/>\n        <\/div>\n\n        <!-- Put the tooltips in a div with the class .showcase-tooltips. -->\n            <\/div>\n\n    \n    <div class=\"showcase-slide\">\n        <div class=\"showcase-content\">\n            <!-- If the slide contains multiple elements you should wrap them in a div with the class\n            .showcase-content-wrapper. We usually wrap even if there is only one element,\n            because it looks better. -->\n            <div class=\"showcase-content-wrapper\">\n            \t<div class=\"showcase-content-slides\">\n                \t<img width=\"800\" height=\"533\" src=\"\/wp-content\/uploads\/2014\/05\/gallery21.jpg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" srcset=\"\/wp-content\/uploads\/2014\/05\/gallery21.jpg 800w, \/wp-content\/uploads\/2014\/05\/gallery21-300x199.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- Put the caption content in a div with the class .showcase-caption -->\n        \n        <div class=\"showcase-thumbnail\">\n            <img src=\"\/wp-content\/uploads\/2014\/05\/gallery21.jpg\" width=\"60\" height=\"60\" \/>\n        <\/div>\n\n        <!-- Put the tooltips in a div with the class .showcase-tooltips. -->\n            <\/div>\n\n    \n    <div class=\"showcase-slide\">\n        <div class=\"showcase-content\">\n            <!-- If the slide contains multiple elements you should wrap them in a div with the class\n            .showcase-content-wrapper. We usually wrap even if there is only one element,\n            because it looks better. -->\n            <div class=\"showcase-content-wrapper\">\n            \t<div class=\"showcase-content-slides\">\n                \t<img width=\"800\" height=\"533\" src=\"\/wp-content\/uploads\/2014\/05\/gallery3.jpg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" srcset=\"\/wp-content\/uploads\/2014\/05\/gallery3.jpg 800w, \/wp-content\/uploads\/2014\/05\/gallery3-300x199.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- Put the caption content in a div with the class .showcase-caption -->\n        \n        <div class=\"showcase-thumbnail\">\n            <img src=\"\/wp-content\/uploads\/2014\/05\/gallery3.jpg\" width=\"60\" height=\"60\" \/>\n        <\/div>\n\n        <!-- Put the tooltips in a div with the class .showcase-tooltips. -->\n            <\/div>\n\n        <\/div>\n<\/div> \n<!-- END SLIDER --> \n<\/div>        \n    <script type=\"text\/javascript\">\n        jQuery(document).ready(function($){\n        \t$('#slider-gallery-0.thumbnails img.attachment-full').css('width', '800px').css('height', '533px');\n            var resize_height_thumbnail = function(){\n                if ( ! $('body').hasClass('responsive') ) {\n                    return;\n                }\n                \n                $('.showcase-content-container, .showcase-content').height( $('.showcase-content-wrapper').outerHeight() + 1 );\n                $('#slider-gallery-0.thumbnails .showcase-content-wrapper img').css({ \n                    width : $('#slider-gallery-0.slider.thumbnails .showcase-content').width() - 22\n                });\n                var arrow_width = parseInt( $('#slider-gallery-0 .showcase-thumbnail-restriction').css('margin-left').replace( 'px', '' ) );\n                var thumbnails_container_width = $('#slider-gallery-0 .showcase-thumbnail-container').width();\n                $('#slider-gallery-0 .showcase-thumbnail-restriction').width( thumbnails_container_width - arrow_width*2 );\n            };\n            $(window).resize(resize_height_thumbnail);\n            \n            var content_width  = 800 + 22;\n            var content_height = 533 + 22;\n            \n            if ( content_width > $('.slider.thumbnails .showcase').width() ) {\n                content_width = $('.slider.thumbnails .showcase').width();\n            }\n            \n\t\t\t$(\"#slider-gallery-0 .showcase\").awShowcase({\n    \t        content_width           : content_width,\n    \t        content_height          : content_height,\t\t\n    \t\t\tshow_caption            : 'onload', \/* onload\/onhover\/show *\/    \n\t\t\t\tcontinuous              : true,\n\t    \t\tbuttons                 : false,\n\t    \t\tauto                    : true,\n\t    \t\tthumbnails              : true,        \n\t    \t\ttransition              : 'vslide', \/* hslide \/ vslide \/ fade *\/\n\t    \t\tinterval                : 3000,\n\t    \t\ttransition_speed        : 800,\n\t    \t\tthumbnails_position     : 'outside-last', \/* outside-last\/outside-first\/inside-last\/inside-first *\/\n\t    \t\tthumbnails_direction    : 'horizontal', \/* vertical\/horizontal *\/\n\t    \t\tthumbnails_slidex       : 1, \/* 0 = auto \/ 1 = slide one thumbnail \/ 2 = slide two thumbnails \/ etc. *\/\n\t    \t\tonload                  : function(){\n                    $( window ).load(function(){\n                        resize_height_thumbnail();\n                    });\n                },\n                onchange         : resize_height_thumbnail\n    \t    }); \n        }); \n   <\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our athletes and their firms &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.devotosub.it\/en\/wp-json\/wp\/v2\/pages\/4982"}],"collection":[{"href":"https:\/\/www.devotosub.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.devotosub.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.devotosub.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devotosub.it\/en\/wp-json\/wp\/v2\/comments?post=4982"}],"version-history":[{"count":3,"href":"https:\/\/www.devotosub.it\/en\/wp-json\/wp\/v2\/pages\/4982\/revisions"}],"predecessor-version":[{"id":4985,"href":"https:\/\/www.devotosub.it\/en\/wp-json\/wp\/v2\/pages\/4982\/revisions\/4985"}],"wp:attachment":[{"href":"https:\/\/www.devotosub.it\/en\/wp-json\/wp\/v2\/media?parent=4982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}