MARE NOSTRUM. RIFLESSI DI ARCHITETTURE di Giusto Puri Purini – Numero 14 – Maggio 2019

cat-arte
cat-storia
Giusto-Puro-Purini-storia

MARE  NOSTRUM. RIFLESSI DI ARCHITETTURE

 

All’inizio degli anni Settanta, girando gli States in Greyhound, mi capitò in una libreria dell’Università di Berkeley, in California, il libro intitolato The Whole Earth Catalogue.

Leggendolo, mi resi conto di aver compiuto, attraverso l’architettura “spontanea”, capanne, palafitte, geodesiche, trulli, nuraghi, yurte ed un’infinità di habitat simboli della diversità del vivere, un viaggio nel tempo, in una società così complessa ed avanzata come quella americana, e che non avrei più dimenticato quelle sensazioni. 

 

Ricordavo trucchi, specchi, false prospettive, architetture di un giorno, impermanenza continua lungo il filo di un racconto.

Queste costruzioni effimere, montate la mattina e smontate la sera, 

che Leonardo da Vinci, nel passato, aveva chiamato 

“Architettura da Festa”,


svilupparono in me quel desiderio di trasparenza tra la prima, “il costruito”, e la seconda pelle, “il traforato”, come l’essere ed il non essere di una rappresentazione architettonica, cercandone la matrice, immerso in qualche viaggio. 

 

Fu così che negli anni Settanta, con Maurizio Mariani, entrambi divenuti Architetti, iniziammo un lavoro di ricerca, progettando giardini per i Vivai del Sud,

nel bel mezzo del “Cratere Mediterraneo”, ed entrammo nelle case, 

portandovi dentro l’esterno.


Passando dalla luce, dalle ombre dei patii agli interni, sentivamo di procedere all’incontrario, ma ci sembrò più “giusto” e fu l’inizio di tante scoperte. Con i Vivai del Sud, divenuta una multinazionale del verde, si operava con un occhio alla tradizione locale:

le sedie pieghevoli dei cammellieri del deserto, le ombre delle serre siciliane, 

lo stile “Mckintosh”, i cestari romani. Si corteggiava e si ribagnava 

nel Mediterraneo la tradizione americana dell'”House and Garden”, 

i mobili Mc Guire, i “Winter Gardens”…


E mentre la “canna d’India” in Italia diventava design, scoprivamo che la “matrice” era unica: la cultura europea emigrata in Colonia aveva scoperto le palme e…reinventato l’eccelso, rischiando nei territori lontani sperimentazioni ardite e seducenti… Pensavo al French Quarter ed a St. Charles Avenue a New Orleans, regina negli U.S.A. della musica, luogo d’ incontro di tante culture, città entertainment per eccellenza. 

 

La “città della festa” mi fu evidente, quel mardi gras 1972. Mi trovavo a New Orleans per caso e di passaggio. Mi immersi in una realtà vorticosa, trascendentale. Tutto fluiva, tutto pareva vi fosse permesso, la musica ed il contorno architettonico risuonavano nelle strade. Mi trovai come per caso in una libreria, vi cercai testimonianze di ciò che andavo vedendo. Un città traforata, piena di merletti, un’impermanenza sfacciata, edifici, natura, verande, patii, tutti gli elementi della seduzione, esposti ai sensi, mutevoli come le ombre, con lo scorrere delle ore. 

Pensai nuovamente ad “Architettura di un giorno”! 

 

Poi tra le mani mi trovai un libro, disegni e fotografie di una strada famosa di New Orleans, Esplanade, che avrebbe dovuto essere inaugurata da Napoleone Bonaparte, in un viaggio da lui sognato e mai realizzato, all’inizio del 1800. Sotto l’80% delle immagini che andavo scorrendo vi era scritto:

“This is an example of an Italianate Architecture”.


L’italianata, l’“Italianate”, mi rimbalzava nella mente e, nella convinzione di avere in mano una chiave di lettura che mi riguardasse da vicino, pensavo alla nostra cultura formativa: Blue Jeans, Chewing gum, Frank Lloyd Wright, J Dean, Il giovane Holden, Easy Ryder e tutte le “Americanate” che noi europei ci siamo portati appresso nei roaring Fifties and Sixties, e – perché no? – pensavo ai Western spaghetti, i famosi western italiani girati tra i cartoni di Cinecittà e le praterie di Ostia Antica. Clint Eastwood, Sergio Leone: Giù la testa!

Vi era, laggiù, a New Orleans, il sapore di un altro Mediterraneo 

come origine degli eventi…


Palladio, il grande architetto veneto, ed i suoi pronipoti, emigrati in Colonia, mi apparvero come gli unici artefici di questa “italianata” eversiva, dal neoclassicismo appena sfiorato, quasi irriverente. Sul restante 20% delle illustrazioni, la didascalia riportava

“This is an example of a Greek Architecture”!


Ebbi la sensazione che, attraverso queste trasparenze, queste ombre, attraverso un filo di Arianna luminoso, sarei stato trasportato nella storia, come in un ascensore, verso il passato e viceversa, in luoghi dove tutto si ritrova e si riscopre.

Storia che ci racconta le mutazioni nel “Nostro Mare”, dall’austerità al vezzo


(penso alle colombaie delle torri di Mikonos, merletti a definire i contorni delle architetture, o a quello che noi italiani abbiamo fatto nelle isole del Dodecaneso, vestendo le architetture che nascevano ispirate alla Bauhaus, e alla neo-razionalista Sabaudia, con i veli delle Mille e una notte). 

Architettura italiana (da festa!) in Colonia! 

Rodi, Simi, Patmos, Koos… 

E perché no, i vetri colorati delle finestre di Tangeri, il tufo giallo di Noto in Sicilia, dove una città è scolpita come una statua, i pergolati a vigna di Sorrento, le cupole dei damusi a Pantelleria, le bianche colonne delle case, nelle Isole Eolie.

Tutto ciò ci ha fatto pensare ad una raccolta di queste sensazioni, 

di queste “architetture da festa”… sparse un po’ ovunque.


Un Whole Earth Catalogue, quindi, trent’anni dopo, più patinato, sotto forma di un “viaggio”, nell’habitat, integrato dai vezzi, quali moda, costume, design, stili… 

 

Nasce così l’idea di “Oltre il 7”, il percorso ideale della nostra avventura tra architetture e culture, ed il suo peregrinare attento, curioso, ironico e ricettivo, tra mode, usi, costumi, etnie, abitudini che si esportano, si reinventano e si ritrovano, da un lato all’altro dell’emisfero.

Ci rendemmo conto, in sintesi, che il primitivo approccio alla “cultura europea 

che emigrava in Colonia” altro non era, se non il seme 

di un lungo viaggio del conoscere.


Viaggio condotto a ritroso, verso le probabili origini delle “cose”, dove anche le “case” degli uomini apparissero come frutto di spontaneità e di progettazione.

 

 

 

var pausehover="on"; var huge_video_playing={}; var autoplayMatch={}; var scrolling; var ifhasthumb ="nonav"; scrolling = pausehover != 'on'; jQuery(window).load(function(){ if(!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) setTimeout(function(){ jQuery('.huge_it_slide_container_103').mouseleave(); }, 10); }); var YTdeferred = jQuery.Deferred(); window.onYouTubeIframeAPIReady = function() { //resolve when youtube callback is called passing YT as a parameter YTdeferred.resolve(window.YT); }; YTdeferred.done(function(YT) { jQuery('.huge-it-iframe').each(function(){ var el_id = jQuery(this).attr('data-element-id'); var volume = HUGEIT_YT_IFRAMES['iframe'+el_id]['volume']; window['onPlayerReady'+el_id] = function(event) { window['player_'+el_id]['setVolume'](volume); } }); jQuery('.huge-it-iframe').each(function(){ var id = jQuery(this).attr('id'); var el_id = jQuery(this).attr('data-element-id'); var controls = HUGEIT_YT_IFRAMES['iframe'+el_id]['controls']; var showinfo = HUGEIT_YT_IFRAMES['iframe'+el_id]['showinfo']; var url = HUGEIT_YT_IFRAMES['iframe'+el_id]['videoId']; controls||(controls = 0); showinfo||(showinfo = 0); window['player_'+el_id] = new YT.Player(id, { height: '592', width: '850', videoId: url, playerVars: { 'controls': controls, 'showinfo': showinfo, 'rel':0 }, events: { 'onError': window['onPlayerError'+el_id], 'onReady': window['onPlayerReady'+el_id], 'onStateChange': window['onPlayerStateChange'+el_id], 'loop':1 } }); }) }); jQuery(function(){ jQuery('.huge-it-iframe').each(function(){ var el_id = jQuery(this).attr('data-element-id'); var quality = HUGEIT_YT_IFRAMES['iframe'+el_id]['quality']; window['onPlayerStateChange'+el_id] = function(event) { if (event.data == YT.PlayerState.PLAYING) { HUGEIT_YT_IFRAMES['iframe'+el_id]['state']='played'; event.target.setPlaybackQuality(quality); } } }); }); function stopYoutubeVideo(currentVideo,nextVideo) { if(currentVideo) { (HUGEIT_YT_IFRAMES['iframe'+currentVideo]['state'])?currentVideo&&(window['player_'+currentVideo]['pauseVideo']()):currentVideo&&(window['player_'+currentVideo]['stopVideo']()); } nextVideo&&HUGEIT_YT_IFRAMES['iframe'+nextVideo]['autoplay']&&(window['player_'+nextVideo]['playVideo']()); } function stopVimeoVideo(currentVideo,nextVideo){ jQuery(currentVideo).vimeo('pause'); jQuery(nextVideo).vimeo('play'); } /*** initialize And youtube autopay ***/ jQuery( window ).load(function() { (function VimeoOptionsReady(){ //calling funtion once jQuery('.huge-it-iframe-vimeo').each(function(){ var el_id = jQuery(this).attr('data-element-id'); jQuery(this).vimeo('setColor',HUGEIT_VIMEOS['iframe'+el_id]['color']); jQuery(this).vimeo('setVolume',HUGEIT_VIMEOS['iframe'+el_id]['volume']); }) }()); if('off' == 'on') { if(jQuery('.huge-it-iframe-vimeo.autoplay').length) { (function AutoplayVimeo() { var setplayVideo = setInterval(hugeitframe, 100); function hugeitframe() { var vimeo1 = jQuery('.huge_it_slider_103 li').first().find('.autoplay') if(vimeo1.length) { vimeo1.vimeo('play'); clearInterval(setplayVideo); } } }()); } if(jQuery('.huge-it-iframe.autoplay').length) { (function AutoplayYoutube() { var setplayVideo = setInterval(hugeitframe, 100); function hugeitframe() { jQuery('.huge-it-iframe.autoplay').each(function(){ var el_id = jQuery(this).attr('data-element-id'); if(window['player_'+el_id]) { window['player_'+el_id]['playVideo'](); clearInterval(setplayVideo); } }); } }()); } } }); /*** initialize***/ <!-- --> jQuery(document).ready(function() { jQuery('.thumb_wrapper').on('click', function(ev) { var myid = jQuery(this).data('rowid'); myid = parseInt(myid); eval('player_' + myid + '.playVideo()'); ev.preventDefault(); }); }); if(typeof sliderID_array =="undefined") { var sliderID_array=[]; } var data_103 = []; var event_stack_103 = []; data_103["0"]=[];data_103["0"]["id"]="0";data_103["0"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/1-1.jpg";data_103["0"]["description"]="";data_103["0"]["alt"]="";data_103["1"]=[];data_103["1"]["id"]="1";data_103["1"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/8-2.jpg";data_103["1"]["description"]="";data_103["1"]["alt"]="";data_103["2"]=[];data_103["2"]["id"]="2";data_103["2"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/6-1.jpg";data_103["2"]["description"]="";data_103["2"]["alt"]="";data_103["3"]=[];data_103["3"]["id"]="3";data_103["3"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/4-1.jpg";data_103["3"]["description"]="";data_103["3"]["alt"]="";data_103["4"]=[];data_103["4"]["id"]="4";data_103["4"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/7-2.jpg";data_103["4"]["description"]="";data_103["4"]["alt"]="";data_103["5"]=[];data_103["5"]["id"]="5";data_103["5"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/5-1.jpg";data_103["5"]["description"]="";data_103["5"]["alt"]="";data_103["6"]=[];data_103["6"]["id"]="6";data_103["6"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/3-1.jpg";data_103["6"]["description"]="";data_103["6"]["alt"]="";data_103["7"]=[];data_103["7"]["id"]="7";data_103["7"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/2-1.jpg";data_103["7"]["description"]="";data_103["7"]["alt"]="";data_103["8"]=[];data_103["8"]["id"]="8";data_103["8"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/11.jpg";data_103["8"]["description"]="";data_103["8"]["alt"]="";data_103["9"]=[];data_103["9"]["id"]="9";data_103["9"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/10-1.jpg";data_103["9"]["description"]="";data_103["9"]["alt"]="";data_103["10"]=[];data_103["10"]["id"]="10";data_103["10"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/9-1.jpg";data_103["10"]["description"]="";data_103["10"]["alt"]="";data_103["11"]=[];data_103["11"]["id"]="11";data_103["11"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/12.jpg";data_103["11"]["description"]="";data_103["11"]["alt"]="";data_103["12"]=[];data_103["12"]["id"]="12";data_103["12"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/15.jpg";data_103["12"]["description"]="";data_103["12"]["alt"]="";data_103["13"]=[];data_103["13"]["id"]="13";data_103["13"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/14.jpg";data_103["13"]["description"]="";data_103["13"]["alt"]="";data_103["14"]=[];data_103["14"]["id"]="14";data_103["14"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/13.jpg";data_103["14"]["description"]="";data_103["14"]["alt"]=""; var huge_it_trans_in_progress_103 = false; var huge_it_transition_duration_103 = 1000; var huge_interval = {}; var id_array_index = sliderID_array.length; sliderID_array[id_array_index] = // Stop autoplay. window.clearInterval(huge_interval['huge_it_playInterval_'+103]); var huge_it_current_key_103 = ''; function huge_it_move_dots_103() { var image_left = jQuery(".huge_it_slideshow_dots_active_103").position().left; var image_right = jQuery(".huge_it_slideshow_dots_active_103").position().left + jQuery(".huge_it_slideshow_dots_active_103").outerWidth(true); } function huge_it_testBrowser_cssTransitions_103() { return huge_it_testDom_103('Transition'); } function huge_it_testBrowser_cssTransforms3d_103() { return huge_it_testDom_103('Perspective'); } function huge_it_testDom_103(prop) { // Browser vendor CSS prefixes. var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-']; // Browser vendor DOM prefixes. var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml']; var i = domPrefixes.length; while (i--) { if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') { return true; } } return false; } function huge_it_cube_103(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) { /* If browser does not support 3d transforms/CSS transitions.*/ if (!huge_it_testBrowser_cssTransitions_103()) { jQuery(".huge_it_slideshow_dots_103").removeClass("huge_it_slideshow_dots_active_103").addClass("huge_it_slideshow_dots_deactive_103"); jQuery("#huge_it_dots_" + huge_it_current_key_103 + "_103").removeClass("huge_it_slideshow_dots_deactive_103").addClass("huge_it_slideshow_dots_active_103"); return huge_it_fallback_103(current_image_class, next_image_class, direction); } if (!huge_it_testBrowser_cssTransforms3d_103()) { return huge_it_fallback3d_103(current_image_class, next_image_class, direction); } jQuery(current_image_class).css({'z-index': 'none'}); jQuery(next_image_class).css({'z-index' : 2}); huge_it_trans_in_progress_103 = true; /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_103").removeClass("huge_it_slideshow_dots_active_103").addClass("huge_it_slideshow_dots_deactive_103"); jQuery("#huge_it_dots_" + huge_it_current_key_103 + "_103").removeClass("huge_it_slideshow_dots_deactive_103").addClass("huge_it_slideshow_dots_active_103"); jQuery(".huge_it_slide_bg_103").css('perspective', 1000); jQuery(current_image_class).css({ transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden' }); jQuery(".huge_it_slideshow_image_wrap_103,.huge_it_slide_bg_103,.huge_it_slideshow_image_item_103,.huge_it_slideshow_image_second_item_103 ").css('overflow', 'visible'); jQuery(next_image_class).css({ opacity : 1, filter: 'Alpha(opacity=100)', backfaceVisibility : 'hidden', transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)' }); jQuery(".huge_it_slider_103").css({ transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d' }); /* Execution steps.*/ setTimeout(function () { jQuery(".huge_it_slider_103").css({ transition: 'all ' + huge_it_transition_duration_103 + 'ms ease-in-out', transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)' }); }, 20); /* After transition.*/ jQuery(".huge_it_slider_103").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { jQuery(".huge_it_slide_bg_103,.huge_it_slideshow_image_item_103,.huge_it_slideshow_image_second_item_103 ").css('overflow', 'hidden'); jQuery(".huge_it_slide_bg_103").removeAttr('style'); jQuery(current_image_class).removeAttr('style'); jQuery(next_image_class).removeAttr('style'); jQuery(".huge_it_slider_103").removeAttr('style'); // alert(current_image_class+' '+next_image_class); jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2}); // huge_it_change_watermark_container_103(); huge_it_trans_in_progress_103 = false; if (typeof event_stack_103 !== 'undefined' && event_stack_103.length > 0) { key = event_stack_103[0].split("-"); event_stack_103.shift(); huge_it_change_image_103(key[0], key[1], data_103, true,false); } } } function huge_it_cubeH_103(current_image_class, next_image_class, direction) { /* Set to half of image width.*/ var dimension = jQuery(current_image_class).width() / 2; if (direction == 'right') { huge_it_cube_103(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction); } else if (direction == 'left') { huge_it_cube_103(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction); } } function huge_it_cubeV_103(current_image_class, next_image_class, direction) { /* Set to half of image height.*/ var dimension = jQuery(current_image_class).height() / 2; /* If next slide.*/ if (direction == 'right') { huge_it_cube_103(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction); } else if (direction == 'left') { huge_it_cube_103(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction); } } /* For browsers that does not support transitions.*/ function huge_it_fallback_103(current_image_class, next_image_class, direction) { huge_it_fade_103(current_image_class, next_image_class, direction); } /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/ function huge_it_fallback3d_103(current_image_class, next_image_class, direction) { huge_it_sliceV_103(current_image_class, next_image_class, direction); } function huge_it_none_103(current_image_class, next_image_class, direction) { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_103").removeClass("huge_it_slideshow_dots_active_103").addClass("huge_it_slideshow_dots_deactive_103"); jQuery("#huge_it_dots_" + huge_it_current_key_103 + "_103").removeClass("huge_it_slideshow_dots_deactive_103").addClass("huge_it_slideshow_dots_active_103"); } function huge_it_fade_103(current_image_class, next_image_class, direction) { if (huge_it_testBrowser_cssTransitions_103()) { jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_103 + 'ms linear'); jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_103 + 'ms linear'); jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); } else { jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_103); jQuery(next_image_class).animate({ 'opacity' : 1, 'z-index': 2 }, { duration: huge_it_transition_duration_103, complete: function () {return false;} }); // For IE. jQuery(current_image_class).fadeTo(huge_it_transition_duration_103, 0); jQuery(next_image_class).fadeTo(huge_it_transition_duration_103, 1); } jQuery(".huge_it_slideshow_dots_103").removeClass("huge_it_slideshow_dots_active_103").addClass("huge_it_slideshow_dots_deactive_103"); jQuery("#huge_it_dots_" + huge_it_current_key_103 + "_103").removeClass("huge_it_slideshow_dots_deactive_103").addClass("huge_it_slideshow_dots_active_103"); } function huge_it_grid_103(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) { /* If browser does not support CSS transitions.*/ if (!huge_it_testBrowser_cssTransitions_103()) { jQuery(".huge_it_slideshow_dots_103").removeClass("huge_it_slideshow_dots_active_103").addClass("huge_it_slideshow_dots_deactive_103"); jQuery("#huge_it_dots_" + huge_it_current_key_103 + "_103").removeClass("huge_it_slideshow_dots_deactive_103").addClass("huge_it_slideshow_dots_active_103"); return huge_it_fallback_103(current_image_class, next_image_class, direction); } huge_it_trans_in_progress_103 = true; /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_103").removeClass("huge_it_slideshow_dots_active_103").addClass("huge_it_slideshow_dots_deactive_103"); jQuery("#huge_it_dots_" + huge_it_current_key_103 + "_103").removeClass("huge_it_slideshow_dots_deactive_103").addClass("huge_it_slideshow_dots_active_103"); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (huge_it_transition_duration_103) / (cols + rows); /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/ function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) { var delay = (c + r) * count; /* Return a gridlet elem with styles for specific transition.*/ return jQuery('
').css({ width : width, height : height, top : top, left : left, backgroundImage : 'url("' + src + '")', backgroundColor: jQuery(".huge_it_slideshow_image_wrap_103").css("background-color"), /*backgroundColor: rgba(0, 0, 0, 0),*/ backgroundRepeat: 'no-repeat', backgroundPosition : img_left + 'px ' + img_top + 'px', backgroundSize : imgWidth + 'px ' + imgHeight + 'px', transition : 'all ' + huge_it_transition_duration_103 + 'ms ease-in-out ' + delay + 'ms', transform : 'none' }); } /* Get the current slide's image.*/ var cur_img = jQuery(current_image_class).find('img'); /* Create a grid to hold the gridlets.*/ var grid = jQuery('
').addClass('huge_it_grid_103'); /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/ jQuery(current_image_class).prepend(grid); /* vars to calculate positioning/size of gridlets*/ var cont = jQuery(".huge_it_slide_bg_103"); var imgWidth = cur_img.width(); var imgHeight = cur_img.height(); var contWidth = cont.width(), contHeight = cont.height(), imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/ colWidth = Math.floor(contWidth / cols), rowHeight = Math.floor(contHeight / rows), colRemainder = contWidth - (cols * colWidth), colAdd = Math.ceil(colRemainder / cols), rowRemainder = contHeight - (rows * rowHeight), rowAdd = Math.ceil(rowRemainder / rows), leftDist = 0, img_leftDist = (jQuery(".huge_it_slide_bg_103").width() - cur_img.width()) / 2; /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/ tx = tx === 'auto' ? contWidth : tx; tx = tx === 'min-auto' ? - contWidth : tx; ty = ty === 'auto' ? contHeight : ty; ty = ty === 'min-auto' ? - contHeight : ty; /* Loop through cols*/ for (var i = 0; i 0) { var add = colRemainder >= colAdd ? colAdd : colRemainder; newColWidth += add; colRemainder -= add; } /* Nested loop to create row gridlets for each col.*/ for (var j = 0; j 0) { add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder; newRowHeight += add; newRowRemainder -= add; } /* Create & append gridlet to grid.*/ grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j)); topDist += newRowHeight; img_topDst -= newRowHeight; } img_leftDist -= newColWidth; leftDist += newColWidth; } /* Set event listener on last gridlet to finish transitioning.*/ var last_gridlet = grid.children().last(); /* Show grid & hide the image it replaces.*/ grid.show(); cur_img.css('opacity', 0); /* Add identifying classes to corner gridlets (useful if applying border radius).*/ grid.children().first().addClass('rs-top-left'); grid.children().last().addClass('rs-bottom-right'); grid.children().eq(rows - 1).addClass('rs-bottom-left'); grid.children().eq(- rows).addClass('rs-top-right'); /* Execution steps.*/ setTimeout(function () { grid.children().css({ opacity: op, transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')' }); }, 1); jQuery(next_image_class).css('opacity', 1); /* After transition.*/ jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); cur_img.css('opacity', 1); grid.remove(); huge_it_trans_in_progress_103 = false; if (typeof event_stack_103 !== 'undefined' && event_stack_103.length > 0) { key = event_stack_103[0].split("-"); event_stack_103.shift(); huge_it_change_image_103(key[0], key[1], data_103, true,false); } } } function huge_it_sliceH_103(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } huge_it_grid_103(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_sliceV_103(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'min-auto'; } else if (direction == 'left') { var translateY = 'auto'; } huge_it_grid_103(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction); } function huge_it_slideV_103(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'auto'; } else if (direction == 'left') { var translateY = 'min-auto'; } huge_it_grid_103(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction); } function huge_it_slideH_103(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } huge_it_grid_103(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction); } function huge_it_scaleOut_103(current_image_class, next_image_class, direction) { huge_it_grid_103(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction); } function huge_it_scaleIn_103(current_image_class, next_image_class, direction) { huge_it_grid_103(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction); } function huge_it_blockScale_103(current_image_class, next_image_class, direction) { huge_it_grid_103(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction); } function huge_it_kaleidoscope_103(current_image_class, next_image_class, direction) { huge_it_grid_103(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_fan_103(current_image_class, next_image_class, direction) { if (direction == 'right') { var rotate = 45; var translateX = 100; } else if (direction == 'left') { var rotate = -45; var translateX = -100; } huge_it_grid_103(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_blindV_103(current_image_class, next_image_class, direction) { huge_it_grid_103(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_blindH_103(current_image_class, next_image_class, direction) { huge_it_grid_103(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_random_103(current_image_class, next_image_class, direction) { var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV']; /* Pick a random transition from the anims array.*/ this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_103"](current_image_class, next_image_class, direction); } function iterator_103() { return 1; } function huge_it_change_image_103(current_key, key, data_103, from_effect, clicked) { if (data_103[key]) { if (!from_effect) { // Change image key. jQuery("#huge_it_current_image_key_103").val(key); current_key = jQuery(".huge_it_slideshow_dots_active_103").attr("data-image_key"); } if (huge_it_trans_in_progress_103) { event_stack_103.push(current_key + '-' + key); return; } var direction = 'right'; if (huge_it_current_key_103 > key) { direction = 'left'; } else if (huge_it_current_key_103 == key) { return false; } // Set active thumbnail position. huge_it_current_key_103 = key; jQuery("#huge_it_slideshow_image_103").attr('data-image_id', data_103[key]["id"]); jQuery(".huge_it_slideshow_title_text_103").html(data_103[key]["alt"]); jQuery(".huge_it_slideshow_description_text_103").html(data_103[key]["description"]); var current_image_class = "#image_id_103_" + data_103[current_key]["id"]; var next_image_class = "#image_id_103_" + data_103[key]["id"]; if (jQuery(current_image_class).find('.huge_it_video_frame_103').length > 0) { var streffect = 'fade'; if (streffect == "cubeV" || streffect == "cubeH" || streffect == "none" || streffect == "fade") { huge_it_fade_103(current_image_class, next_image_class, direction); } else { huge_it_fade_103(current_image_class, next_image_class, direction); } } else { huge_it_fade_103(current_image_class, next_image_class, direction); } jQuery('.huge_it_slideshow_title_text_103').removeClass('none'); if (jQuery('.huge_it_slideshow_title_text_103').html() == "") { jQuery('.huge_it_slideshow_title_text_103').addClass('none'); } jQuery('.huge_it_slideshow_description_text_103').removeClass('none'); if (jQuery('.huge_it_slideshow_description_text_103').html() == "") { jQuery('.huge_it_slideshow_description_text_103').addClass('none'); } jQuery(current_image_class).find('.huge_it_slideshow_title_text_103').addClass('none'); jQuery(current_image_class).find('.huge_it_slideshow_description_text_103').addClass('none'); huge_it_move_dots_103(); /*** for vimeo and youtube stop pause play etc... ***/ var nextVideo = jQuery('#video_id_103_' + key).attr('data-element-id'); var currentVideo = jQuery('#video_id_103_' + current_key).attr('data-element-id'); /*** add ***/ (currentVideo || nextVideo) && stopYoutubeVideo(currentVideo, nextVideo); if ((jQuery('#player_103_' + current_key)).hasClass('huge-it-iframe-vimeo')) { jQuery('#player_103_' + current_key).vimeo('pause'); } if ((jQuery('#player_103_' + key)).hasClass('huge-it-iframe-vimeo') && ('off' == 'on')) { jQuery('#player_103_' + key).vimeo('play'); } /*** ***/ window.clearInterval(huge_interval['huge_it_playInterval_' +103]); play_103(); } } var staticthumbWidth; jQuery(window).load(function() { staticthumbWidth = jQuery('#huge_it_thumb_slider>li').width(); }); function huge_it_popup_resize_103() { var staticsliderwidth =850; var sliderwidth =850; var bodyWidth = jQuery(window).width(); var parentWidth = jQuery(".huge_it_slideshow_image_wrap_103").parent().width(); if (sliderwidth > parentWidth) { sliderwidth = parentWidth; } if (sliderwidth > bodyWidth) { sliderwidth = bodyWidth; } var str=592/(staticsliderwidth); var str2 =100/850; var sliderDynamicImageHeight = sliderwidth*str; var sliderDynamicThumbHeight = 0; jQuery('.huge_it_slideshow_image_wrap_103').css({'max-height':sliderDynamicImageHeight+sliderDynamicThumbHeight}); jQuery('.huge_it_slideshow_image_wrap1_103').css({'max-height':sliderDynamicImageHeight}); jQuery('.huge_it_slideshow_thumbs_103 li').css({'max-height':sliderDynamicThumbHeight}); jQuery("#huge_it_loading_image_103").css({display: "none"}); jQuery(".huge_it_slideshow_image_wrap1_103").css({opacity: 1}); jQuery(".huge_it_slideshow_image_wrap_103").removeClass("nocolor"); if ("resize"=="crop"){ jQuery(".huge_it_slider_ul li img").each(function(){ if(jQuery(this).prop('naturalWidth')>jQuery(this).prop('naturalHeight')) jQuery(this).css({'width':'100%','height':'auto'/*,'top':'50%','left':'50%','transform':'translate( -50%, -50% )'*/}); else{ jQuery(this).css({'height':'100%','width':'auto'/*,'top':'50%','left':'50%','transform':'translate( -50%, -50% )'*/}); } }); } jQuery(".huge_it_slideshow_image_wrap_103").css({opacity:1}); } jQuery(window).load(function () { jQuery(window).resize(function() { huge_it_popup_resize_103(); }); jQuery('#huge_it_slideshow_left_103').on('click',function(){ huge_it_change_image_103(parseInt(jQuery('#huge_it_current_image_key_103').val()), (parseInt(jQuery('#huge_it_current_image_key_103').val()) - iterator_103()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_103').val()) - iterator_103()) % data_103.length : data_103.length - 1, data_103,false,true); return false; }); jQuery('#huge_it_slideshow_right_103').on('click',function(){ huge_it_change_image_103(parseInt(jQuery('#huge_it_current_image_key_103').val()), (parseInt(jQuery('#huge_it_current_image_key_103').val()) + iterator_103()) % data_103.length, data_103,false,true); return false; }); huge_it_popup_resize_103(); /* Disable right click.*/ jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () { return false; }); /*HOVER SLIDESHOW*/ jQuery("#huge_it_slideshow_image_container_103, .huge_it_slideshow_image_container_103, .huge_it_slideshow_dots_container_103,#huge_it_slideshow_right_103,#huge_it_slideshow_left_103").hover(function(){ jQuery("#huge_it_slideshow_right_103").css({'display':'inline'}); jQuery("#huge_it_slideshow_left_103").css({'display':'inline'}); },function(){ jQuery("#huge_it_slideshow_right_103").css({'display':'none'}); jQuery("#huge_it_slideshow_left_103").css({'display':'none'}); }); if(pausehover=="on" && !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ jQuery("#huge_it_slideshow_image_container_103, .huge_it_slideshow_image_container_103").hover(function(){ window.clearInterval(huge_interval['huge_it_playInterval_'+103]); scrolling = false; },function(){ window.clearInterval(huge_interval['huge_it_playInterval_'+103]); scrolling = true; play_103(); }); } play_103(); }); function play_103(){ if(scrolling || /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ huge_interval['huge_it_playInterval_'+103] = setInterval(function () { var iterator = 1; huge_it_change_image_103(parseInt(jQuery('#huge_it_current_image_key_103').val()), (parseInt(jQuery('#huge_it_current_image_key_103').val()) + iterator) % data_103.length, data_103,false,false); }, '4000'); } } jQuery(window).focus(function() { var i_103 = 0; jQuery(".huge_it_slider_103").children("div").each(function () { if (jQuery(this).css('opacity') == 1) { jQuery("#huge_it_current_image_key_103").val(i_103); } i_103++; }); }); jQuery(window).blur(function() { console.log(event_stack_103); window.clearInterval(huge_interval['huge_it_playInterval_'+103]); }); jQuery(window).focus(function() { play_103() });
jQuery(document).ready(function(jQuery) { setInterval(function() { jQuery('.huge_it_slider_103').find("li").each(function() { if (jQuery(this).css("opacity") == "1") { var img_id = jQuery(this).attr('id'); jQuery('.huge_it_slideshow_thumbs_103').each(function() { var allListElements = jQuery('li[id=' + img_id + ']'); jQuery(this).find(allListElements).not(".bx-clone").each(function() { jQuery('.huge_it_slideshow_thumbs_103 li').find(".trans_back").css('background', 'rgba(255,255,255,0.3)'); jQuery(this).find('.trans_back').css('background', 'none'); }) }) } }) }, 100) })
CASE_ALTRO_MONDO2
fine-t-blu
FOTO_TOP
cat-stile