{"id":3518,"date":"2011-02-04T00:52:27","date_gmt":"2011-02-04T00:52:27","guid":{"rendered":"http:\/\/www.desmm.com\/?p=1974"},"modified":"2014-01-18T00:40:26","modified_gmt":"2014-01-18T00:40:26","slug":"3d-wall-gallery-photogallery-jquery","status":"publish","type":"post","link":"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html","title":{"rendered":"3D Wall Gallery, photogallery jQuery"},"content":{"rendered":"<p>Sto seguendo da qualche settimana l&#8217;evoluzione di questa <strong>3D Wall Gallery<\/strong>  su <em>codrops<\/em> un esempio di <strong>Photogallery<\/strong>  movimentata da effetti <strong>jQuery<\/strong> davvero interessanti, anche se attualmente ancora molto sperimentale. <\/p>\n<h2>3D Wall Gallery<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.desmm.com\/wp-content\/uploads\/2011\/02\/3dwall_image1-500x262.jpg\" alt=\"\" title=\"3dwall_image1\" width=\"500\" height=\"262\" class=\"alignnone size-medium wp-image-1977\" \/>Nella parte superiore viene proposta una <strong>gallery<\/strong> a scorrimento navigabile dalla barra  orizzontale, o cliccando sulle immagini. L&#8217;effetto scorrimento riesce ad esprimersi al <strong>meglio con Safari<\/strong>, che oltre allo scorrimento riesce a generare un piacevole effetto 3D simile all&#8217;effetto scorrimento di <a href=\"http:\/\/www.cooliris.com\/\">cooliris.com<\/a> una funzione davvero stupefacente che qualche tempo fa non avremmo mai sognato di vedere su un browser senza l&#8217;aiutino di <strong>Flash<\/strong>.<\/p>\n<ul>\n<li><a href=\"http:\/\/tympanus.net\/codrops\/2011\/02\/02\/3d-wall-gallery\/\">3D Wall Gallery: Tutorial<\/a><\/li>\n<li><a href=\"http:\/\/tympanus.net\/Development\/3DWallGallery\/\">3D Wall Gallery: Demo<\/a> <em>(effetto 3D visibile solo con Safari)<\/em><\/li>\n<\/ul>\n<h2>ThumbnailsPreviewSlider<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.desmm.com\/wp-content\/uploads\/2011\/02\/3dwall_image2-500x262.jpg\" alt=\"\" title=\"3dwall_image2\" width=\"500\" height=\"262\" class=\"alignnone size-medium wp-image-1978\" \/>Di <strong>3D Wall Gallery<\/strong> trovo ancora pi\u00f9 interessante l&#8217;effetto  <strong>ThumbnailsPreviewSlider<\/strong> una sorta di navigazione preview a scorrimento decisamente ben riuscita. La vedrei ben volentieri in alcuni progetti che ho in mente. <\/p>\n<ul>\n<li><a href=\"http:\/\/tympanus.net\/codrops\/2011\/01\/27\/thumbnails-preview-slider\/\">ThumbnailsPreviewSlider: Tutorial<\/a><\/li>\n<li><a href=\"http:\/\/tympanus.net\/Tutorials\/ThumbnailsPreviewSlider\/\">ThumbnailsPreviewSlider: Demo<\/a><\/li>\n<\/ul>\n<p>\nNel caso li troviate interessanti sarei curioso di vedere qualche <strong>vostro progetto<\/strong> che si basa si questi effetti o effetti simili.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sto seguendo da qualche settimana l&#8217;evoluzione di questa 3D Wall Gallery su codrops un esempio di Photogallery movimentata da effetti jQuery davvero interessanti, anche se attualmente ancora molto sperimentale. 3D Wall Gallery Nella parte superiore viene proposta una gallery a scorrimento navigabile dalla barra orizzontale, o cliccando sulle immagini. L&#8217;effetto scorrimento riesce ad esprimersi al&hellip;&nbsp;<a href=\"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html\" class=\"\" rel=\"bookmark\">Leggi tutto &raquo;<span class=\"screen-reader-text\">3D Wall Gallery, photogallery jQuery<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":3972,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"image","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[265],"tags":[138,294,191,204],"class_list":["post-3518","post","type-post","status-publish","format-image","has-post-thumbnail","hentry","category-web","tag-jquery","tag-photogallery","tag-plugin","tag-safari","post_format-post-format-image"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>3D Wall Gallery, photogallery jQuery &#8212; Design Multimedia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3D Wall Gallery, photogallery jQuery &#8212; Design Multimedia\" \/>\n<meta property=\"og:description\" content=\"Sto seguendo da qualche settimana l&#8217;evoluzione di questa 3D Wall Gallery su codrops un esempio di Photogallery movimentata da effetti jQuery davvero interessanti, anche se attualmente ancora molto sperimentale. 3D Wall Gallery Nella parte superiore viene proposta una gallery a scorrimento navigabile dalla barra orizzontale, o cliccando sulle immagini. L&#8217;effetto scorrimento riesce ad esprimersi al&hellip;&nbsp;Leggi tutto &raquo;3D Wall Gallery, photogallery jQuery\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html\" \/>\n<meta property=\"og:site_name\" content=\"Design Multimedia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mastromarinomassimo\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/mastromarinomassimo\" \/>\n<meta property=\"article:published_time\" content=\"2011-02-04T00:52:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-01-18T00:40:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.desmm.com\/wp-content\/uploads\/2011\/02\/3dgrallery.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Massimo Mastromarino\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Massimo Mastromarino\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/3d-wall-gallery-photogallery-jquery-3518.html#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/3d-wall-gallery-photogallery-jquery-3518.html\"},\"author\":{\"name\":\"Massimo Mastromarino\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a7ab14a3628e686b497dd4af81817156\"},\"headline\":\"3D Wall Gallery, photogallery jQuery\",\"datePublished\":\"2011-02-04T00:52:27+00:00\",\"dateModified\":\"2014-01-18T00:40:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/3d-wall-gallery-photogallery-jquery-3518.html\"},\"wordCount\":177,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a7ab14a3628e686b497dd4af81817156\"},\"image\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/3d-wall-gallery-photogallery-jquery-3518.html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.desmm.com\\\/wp-content\\\/uploads\\\/2011\\\/02\\\/3dgrallery.jpg\",\"keywords\":[\"jQuery\",\"photogallery\",\"plugin\",\"safari\"],\"articleSection\":[\"Web\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.desmm.com\\\/blog\\\/3d-wall-gallery-photogallery-jquery-3518.html#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/3d-wall-gallery-photogallery-jquery-3518.html\",\"url\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/3d-wall-gallery-photogallery-jquery-3518.html\",\"name\":\"3D Wall Gallery, photogallery jQuery &#8212; Design Multimedia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/3d-wall-gallery-photogallery-jquery-3518.html#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/3d-wall-gallery-photogallery-jquery-3518.html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.desmm.com\\\/wp-content\\\/uploads\\\/2011\\\/02\\\/3dgrallery.jpg\",\"datePublished\":\"2011-02-04T00:52:27+00:00\",\"dateModified\":\"2014-01-18T00:40:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/3d-wall-gallery-photogallery-jquery-3518.html#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.desmm.com\\\/blog\\\/3d-wall-gallery-photogallery-jquery-3518.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/3d-wall-gallery-photogallery-jquery-3518.html#primaryimage\",\"url\":\"https:\\\/\\\/www.desmm.com\\\/wp-content\\\/uploads\\\/2011\\\/02\\\/3dgrallery.jpg\",\"contentUrl\":\"https:\\\/\\\/www.desmm.com\\\/wp-content\\\/uploads\\\/2011\\\/02\\\/3dgrallery.jpg\",\"width\":400,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/3d-wall-gallery-photogallery-jquery-3518.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.desmm.com\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"3D Wall Gallery, photogallery jQuery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/\",\"name\":\"Design Multimedia\",\"description\":\"design inspiration blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a7ab14a3628e686b497dd4af81817156\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a7ab14a3628e686b497dd4af81817156\",\"name\":\"Massimo Mastromarino\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g\",\"caption\":\"Massimo Mastromarino\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/mastromarinomassimo\",\"https:\\\/\\\/x.com\\\/desmm\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"3D Wall Gallery, photogallery jQuery &#8212; Design Multimedia","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html","og_locale":"it_IT","og_type":"article","og_title":"3D Wall Gallery, photogallery jQuery &#8212; Design Multimedia","og_description":"Sto seguendo da qualche settimana l&#8217;evoluzione di questa 3D Wall Gallery su codrops un esempio di Photogallery movimentata da effetti jQuery davvero interessanti, anche se attualmente ancora molto sperimentale. 3D Wall Gallery Nella parte superiore viene proposta una gallery a scorrimento navigabile dalla barra orizzontale, o cliccando sulle immagini. L&#8217;effetto scorrimento riesce ad esprimersi al&hellip;&nbsp;Leggi tutto &raquo;3D Wall Gallery, photogallery jQuery","og_url":"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html","og_site_name":"Design Multimedia","article_publisher":"https:\/\/www.facebook.com\/mastromarinomassimo","article_author":"https:\/\/www.facebook.com\/mastromarinomassimo","article_published_time":"2011-02-04T00:52:27+00:00","article_modified_time":"2014-01-18T00:40:26+00:00","og_image":[{"width":400,"height":300,"url":"https:\/\/www.desmm.com\/wp-content\/uploads\/2011\/02\/3dgrallery.jpg","type":"image\/jpeg"}],"author":"Massimo Mastromarino","twitter_misc":{"Scritto da":"Massimo Mastromarino","Tempo di lettura stimato":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html#article","isPartOf":{"@id":"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html"},"author":{"name":"Massimo Mastromarino","@id":"https:\/\/www.desmm.com\/blog\/#\/schema\/person\/a7ab14a3628e686b497dd4af81817156"},"headline":"3D Wall Gallery, photogallery jQuery","datePublished":"2011-02-04T00:52:27+00:00","dateModified":"2014-01-18T00:40:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html"},"wordCount":177,"commentCount":4,"publisher":{"@id":"https:\/\/www.desmm.com\/blog\/#\/schema\/person\/a7ab14a3628e686b497dd4af81817156"},"image":{"@id":"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html#primaryimage"},"thumbnailUrl":"https:\/\/www.desmm.com\/wp-content\/uploads\/2011\/02\/3dgrallery.jpg","keywords":["jQuery","photogallery","plugin","safari"],"articleSection":["Web"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html","url":"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html","name":"3D Wall Gallery, photogallery jQuery &#8212; Design Multimedia","isPartOf":{"@id":"https:\/\/www.desmm.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html#primaryimage"},"image":{"@id":"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html#primaryimage"},"thumbnailUrl":"https:\/\/www.desmm.com\/wp-content\/uploads\/2011\/02\/3dgrallery.jpg","datePublished":"2011-02-04T00:52:27+00:00","dateModified":"2014-01-18T00:40:26+00:00","breadcrumb":{"@id":"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html#primaryimage","url":"https:\/\/www.desmm.com\/wp-content\/uploads\/2011\/02\/3dgrallery.jpg","contentUrl":"https:\/\/www.desmm.com\/wp-content\/uploads\/2011\/02\/3dgrallery.jpg","width":400,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/www.desmm.com\/blog\/3d-wall-gallery-photogallery-jquery-3518.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.desmm.com\/blog"},{"@type":"ListItem","position":2,"name":"3D Wall Gallery, photogallery jQuery"}]},{"@type":"WebSite","@id":"https:\/\/www.desmm.com\/blog\/#website","url":"https:\/\/www.desmm.com\/blog\/","name":"Design Multimedia","description":"design inspiration blog","publisher":{"@id":"https:\/\/www.desmm.com\/blog\/#\/schema\/person\/a7ab14a3628e686b497dd4af81817156"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.desmm.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":["Person","Organization"],"@id":"https:\/\/www.desmm.com\/blog\/#\/schema\/person\/a7ab14a3628e686b497dd4af81817156","name":"Massimo Mastromarino","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g","caption":"Massimo Mastromarino"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g"},"sameAs":["https:\/\/www.facebook.com\/mastromarinomassimo","https:\/\/x.com\/desmm"]}]}},"_links":{"self":[{"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/posts\/3518","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/comments?post=3518"}],"version-history":[{"count":1,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/posts\/3518\/revisions"}],"predecessor-version":[{"id":3973,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/posts\/3518\/revisions\/3973"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/media\/3972"}],"wp:attachment":[{"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/media?parent=3518"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/categories?post=3518"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/tags?post=3518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}