MUSEO NAZIONALE FERROVIARIO DI PIETRARSA di Stefano Benazzo – Numero 14 – Maggio 2019

cat-storia
cat-economia

MUSEO NAZIONALE FERROVIARIO DI PIETRARSA 

 

luogo fondante della storia ferroviaria italiana, le officine di Pietrarsa – costruite nel 1853 – custodiscono più di 50 locomotive, numerosi vagoni e innumerevoli reperti.

Il Museo ferroviario nazionale di Pietrarsa – affidato dal 2013 a Fondazione FS Italiane – sorge nel punto di arrivo della prima strada ferrata costruita in Italia nell’ottobre 1839, lunga 7.411 metri, fra Napoli e Portici. Le antiche officine borboniche, risalenti al 1840, sono una vera gloria del Regno delle Due Sicilie, ma costituiscono anche un esempio di edilizia industriale.

 

rivive l’era in cui la ferrovia era IL mezzo di trasporto terrestre. 

La fantasia ci fa tornare senza esitazioni ai rumori, agli odori 

e ai ritmi del vapore, delle sue stazioni, delle officine.


Il Museo è destinato a tutti: profani ed esperti, giovani e anziani, ma uno dei godimenti maggiori per il visitatore adulto consiste nel vedere i giovanissimi – ben condotti da guide appositamente addestrate – scoprire un mondo sconosciuto e mai visto se non nei film; salire su una locomotiva o un vagone Centoporte o ammirare il gigantesco plastico funzionante permette loro di rendersi conto della vita di generazioni dei loro antenati, a tutte le latitudini. Increduli, ammirano la riproduzione della locomotiva Bayard, gemella di quella che nel 1839 trainò il convoglio inaugurale della Napoli-Portici: le sue parti dipinte in colori diversi consentono ai giovani di capire senza difficoltà la complessa meccanica del vapore.

 

Gli appassionati di storia ferroviaria provano l’emozione di sostare ai piedi di macchine gigantesche, perfettamente lucidate e oliate, nonché il piacere di leggere didascalie plurilingue che descrivono le caratteristiche tecniche, la storia e le curiosità relative ad ogni singolo pezzo esposto.

Difficile non immedesimarsi negli accudienti, nei fuochisti, negli operai 

che riparavano le macchine. Molti visitatori rimangono stupefatti 

scoprendo quanto l’industria ferroviaria italiana ha saputo creare, 

e quando ciò è iniziato.


La particolarità che rende Pietrarsa unica nel mondo consiste nel fatto che il Museo sorge lì dove le macchine venivano costruite e sottoposte alla manutenzione. Questi elementi rappresentano altrettante tessere di un luogo d’eccellenza, dove le FS hanno saputo coniugare in maniera superba la storia industriale e i ricordi, restaurare gli edifici e i mezzi esposti, curare la presentazione al pubblico con sopraffina arte museale, e perfino facilitarne l’accesso. La stazione ferroviaria di Pietrarsa (sulla linea Napoli-Salerno) è infatti situata dentro il Museo e ne rende facilissimo l’accesso, evitando l’accesso via strada e la ricerca del parcheggio: un piacere ormai rarissimo, per non dire inesistente in Italia e all’estero. 

 

Al centro del Reale Opificio meccanico, pirotecnico e per le locomotive, all’estremità del Giardino Mediterraneo, si staglia la statua in ghisa – a suo tempo fusa nell’Opificio medesimo – di Ferdinando II di Borbone, l’ideatore della struttura, deciso ad affrancare il suo regno dalla supremazia tecnologica di Francia e Inghilterra nel campo meccanico, navale e ferroviario.

Al momento del suo completamento nel 1853, la struttura di Pietrarsa 

era il primo complesso industriale italiano, precedente di 44 anni 

la fondazione della Breda e di 57 quella della Fiat.


Vi lavoravano quasi 700 addetti. Centinaia di locomotive costruite a Pietrarsa viaggiarono per decenni su tutte le linee italiane, così come innumerevoli carri e vetture ferroviarie. Numerose “grandi riparazioni” di materiale rotabile vennero compiute a Pietrarsa. Le officine furono attive fino al 1975, mentre il Museo fu inaugurato nel 1989, nel 150° anniversario della Napoli-Portici. L’Opificio è stato anche un esempio: lo Zar Nicola I decise infatti nel 1845 di riprodurlo identico nel nuovo complesso industriale di Kronstadt. 

 

Lo spazio manca per descrivere compiutamente il contenuto dei sei padiglioni – ben divisi e superbamente illustrati – che compongono il complesso. Gli esperti di architettura possono ammirare la loro struttura in muratura o in carpenteria metallica.

In particolare, il padiglione dei macchinari d’officina restituisce perfettamente 

la maestria degli uomini che vi operavano, e la difficoltà, il pericolo di lavorare 

accanto a torni, presse, alesatrici, calandre e magli giganteschi


Quanto alle motrici a vapore, diesel o elettriche, chi scrive commetterebbe un’ingiustizia se volesse dedicarsi ad una piuttosto che all’altra. E che dire delle mitiche Littorine e della carrozza Salone del Treno reale? In realtà, almeno per chi scrive (Fotografo di Relitti navali spiaggiati), il piacere profondo della visita a Pietrarsa non è solo nell’ammirazione delle strutture e dei manufatti, ma nella consapevolezza che questi ultimi – come le navi ora diventate Relitti – erano parte integrante della vita degli uomini. Gli architetti, gli ingegneri, le maestranze, gli operai, gli addetti alla conduzione delle macchine: centinaia di migliaia di uomini che hanno dedicato la loro vita (spesso senza avere facoltà di scelta) ad un lavoro pesante, stancante, pericoloso, e comunque poco apprezzato. Come in molti paesi, il mestiere di Operaio o di Ferroviere non costituiva la massima aspirazione per un giovane. Ecco perché – come per i Relitti – è essenziale il concetto del Dovere di Memoria nei confronti di quegli uomini.

Tutto ciò è offerto al visitatore nello scenario incantato – il termine 

non è di maniera: si tratta realmente di un incanto – del Golfo di Napoli, 

con Capri, Ischia e Procida all’orizzonte, la penisola sorrentina a sinistra, 

il Vesuvio che incombe.


Chi volesse sostare e godersi il paesaggio può usufruire di un’antica pensilina ferroviaria (proveniente da Fiorenzuola d’Arda), in sintonia con il luogo e che non può non suscitare memorie di antichi viaggi in treno. Esiste la possibilità di effettuare visite private nei giorni di chiusura del Museo, ed affittare spazi per eventi privati. 

 

Visitate il Museo di Pietrarsa: l’emozione è garantita, anche per chi non avesse la passione che spinge verso locomotive a vapore e Relitti spiaggiati. 

 

L’Autore ringrazia Ferrovie dello Stato Italiane SpA, Fondazione FS Italiane, Edizioni La Freccia, Museo Nazionale ferroviario di Pietrarsa per le informazioni fornite e per l’autorizzazione alle riprese.

 

 

stefano_benazzo_storia
a_pochi_chilometri_da _napoli
locomotiva
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_101').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: '543', 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_101 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_101 = []; var event_stack_101 = []; data_101["0"]=[];data_101["0"]["id"]="0";data_101["0"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/1.jpg";data_101["0"]["description"]="";data_101["0"]["alt"]="";data_101["1"]=[];data_101["1"]["id"]="1";data_101["1"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/2.jpg";data_101["1"]["description"]="";data_101["1"]["alt"]="";data_101["2"]=[];data_101["2"]["id"]="2";data_101["2"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/3.jpg";data_101["2"]["description"]="";data_101["2"]["alt"]="";data_101["3"]=[];data_101["3"]["id"]="3";data_101["3"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/4.jpg";data_101["3"]["description"]="";data_101["3"]["alt"]="";data_101["4"]=[];data_101["4"]["id"]="4";data_101["4"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/5.jpg";data_101["4"]["description"]="";data_101["4"]["alt"]="";data_101["5"]=[];data_101["5"]["id"]="5";data_101["5"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/6.jpg";data_101["5"]["description"]="";data_101["5"]["alt"]="";data_101["6"]=[];data_101["6"]["id"]="6";data_101["6"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/8-1.jpg";data_101["6"]["description"]="";data_101["6"]["alt"]="";data_101["7"]=[];data_101["7"]["id"]="7";data_101["7"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/9.jpg";data_101["7"]["description"]="";data_101["7"]["alt"]="";data_101["8"]=[];data_101["8"]["id"]="8";data_101["8"]["image_url"]="https://www.myrrha.it/wp-content/uploads/2019/06/10.jpg";data_101["8"]["description"]="";data_101["8"]["alt"]=""; var huge_it_trans_in_progress_101 = false; var huge_it_transition_duration_101 = 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_'+101]); var huge_it_current_key_101 = ''; function huge_it_move_dots_101() { var image_left = jQuery(".huge_it_slideshow_dots_active_101").position().left; var image_right = jQuery(".huge_it_slideshow_dots_active_101").position().left + jQuery(".huge_it_slideshow_dots_active_101").outerWidth(true); } function huge_it_testBrowser_cssTransitions_101() { return huge_it_testDom_101('Transition'); } function huge_it_testBrowser_cssTransforms3d_101() { return huge_it_testDom_101('Perspective'); } function huge_it_testDom_101(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_101(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_101()) { jQuery(".huge_it_slideshow_dots_101").removeClass("huge_it_slideshow_dots_active_101").addClass("huge_it_slideshow_dots_deactive_101"); jQuery("#huge_it_dots_" + huge_it_current_key_101 + "_101").removeClass("huge_it_slideshow_dots_deactive_101").addClass("huge_it_slideshow_dots_active_101"); return huge_it_fallback_101(current_image_class, next_image_class, direction); } if (!huge_it_testBrowser_cssTransforms3d_101()) { return huge_it_fallback3d_101(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_101 = true; /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_101").removeClass("huge_it_slideshow_dots_active_101").addClass("huge_it_slideshow_dots_deactive_101"); jQuery("#huge_it_dots_" + huge_it_current_key_101 + "_101").removeClass("huge_it_slideshow_dots_deactive_101").addClass("huge_it_slideshow_dots_active_101"); jQuery(".huge_it_slide_bg_101").css('perspective', 1000); jQuery(current_image_class).css({ transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden' }); jQuery(".huge_it_slideshow_image_wrap_101,.huge_it_slide_bg_101,.huge_it_slideshow_image_item_101,.huge_it_slideshow_image_second_item_101 ").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_101").css({ transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d' }); /* Execution steps.*/ setTimeout(function () { jQuery(".huge_it_slider_101").css({ transition: 'all ' + huge_it_transition_duration_101 + 'ms ease-in-out', transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)' }); }, 20); /* After transition.*/ jQuery(".huge_it_slider_101").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { jQuery(".huge_it_slide_bg_101,.huge_it_slideshow_image_item_101,.huge_it_slideshow_image_second_item_101 ").css('overflow', 'hidden'); jQuery(".huge_it_slide_bg_101").removeAttr('style'); jQuery(current_image_class).removeAttr('style'); jQuery(next_image_class).removeAttr('style'); jQuery(".huge_it_slider_101").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_101(); huge_it_trans_in_progress_101 = false; if (typeof event_stack_101 !== 'undefined' && event_stack_101.length > 0) { key = event_stack_101[0].split("-"); event_stack_101.shift(); huge_it_change_image_101(key[0], key[1], data_101, true,false); } } } function huge_it_cubeH_101(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_101(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction); } else if (direction == 'left') { huge_it_cube_101(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction); } } function huge_it_cubeV_101(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_101(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction); } else if (direction == 'left') { huge_it_cube_101(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_101(current_image_class, next_image_class, direction) { huge_it_fade_101(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_101(current_image_class, next_image_class, direction) { huge_it_sliceV_101(current_image_class, next_image_class, direction); } function huge_it_none_101(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_101").removeClass("huge_it_slideshow_dots_active_101").addClass("huge_it_slideshow_dots_deactive_101"); jQuery("#huge_it_dots_" + huge_it_current_key_101 + "_101").removeClass("huge_it_slideshow_dots_deactive_101").addClass("huge_it_slideshow_dots_active_101"); } function huge_it_fade_101(current_image_class, next_image_class, direction) { if (huge_it_testBrowser_cssTransitions_101()) { jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_101 + 'ms linear'); jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_101 + '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_101); jQuery(next_image_class).animate({ 'opacity' : 1, 'z-index': 2 }, { duration: huge_it_transition_duration_101, complete: function () {return false;} }); // For IE. jQuery(current_image_class).fadeTo(huge_it_transition_duration_101, 0); jQuery(next_image_class).fadeTo(huge_it_transition_duration_101, 1); } jQuery(".huge_it_slideshow_dots_101").removeClass("huge_it_slideshow_dots_active_101").addClass("huge_it_slideshow_dots_deactive_101"); jQuery("#huge_it_dots_" + huge_it_current_key_101 + "_101").removeClass("huge_it_slideshow_dots_deactive_101").addClass("huge_it_slideshow_dots_active_101"); } function huge_it_grid_101(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_101()) { jQuery(".huge_it_slideshow_dots_101").removeClass("huge_it_slideshow_dots_active_101").addClass("huge_it_slideshow_dots_deactive_101"); jQuery("#huge_it_dots_" + huge_it_current_key_101 + "_101").removeClass("huge_it_slideshow_dots_deactive_101").addClass("huge_it_slideshow_dots_active_101"); return huge_it_fallback_101(current_image_class, next_image_class, direction); } huge_it_trans_in_progress_101 = true; /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_101").removeClass("huge_it_slideshow_dots_active_101").addClass("huge_it_slideshow_dots_deactive_101"); jQuery("#huge_it_dots_" + huge_it_current_key_101 + "_101").removeClass("huge_it_slideshow_dots_deactive_101").addClass("huge_it_slideshow_dots_active_101"); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (huge_it_transition_duration_101) / (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_101").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_101 + '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_101'); /* 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_101"); 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_101").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_101 = false; if (typeof event_stack_101 !== 'undefined' && event_stack_101.length > 0) { key = event_stack_101[0].split("-"); event_stack_101.shift(); huge_it_change_image_101(key[0], key[1], data_101, true,false); } } } function huge_it_sliceH_101(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } huge_it_grid_101(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_sliceV_101(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'min-auto'; } else if (direction == 'left') { var translateY = 'auto'; } huge_it_grid_101(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction); } function huge_it_slideV_101(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'auto'; } else if (direction == 'left') { var translateY = 'min-auto'; } huge_it_grid_101(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction); } function huge_it_slideH_101(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } huge_it_grid_101(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction); } function huge_it_scaleOut_101(current_image_class, next_image_class, direction) { huge_it_grid_101(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction); } function huge_it_scaleIn_101(current_image_class, next_image_class, direction) { huge_it_grid_101(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction); } function huge_it_blockScale_101(current_image_class, next_image_class, direction) { huge_it_grid_101(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction); } function huge_it_kaleidoscope_101(current_image_class, next_image_class, direction) { huge_it_grid_101(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_fan_101(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_101(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_blindV_101(current_image_class, next_image_class, direction) { huge_it_grid_101(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_blindH_101(current_image_class, next_image_class, direction) { huge_it_grid_101(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_random_101(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)] + "_101"](current_image_class, next_image_class, direction); } function iterator_101() { return 1; } function huge_it_change_image_101(current_key, key, data_101, from_effect, clicked) { if (data_101[key]) { if (!from_effect) { // Change image key. jQuery("#huge_it_current_image_key_101").val(key); current_key = jQuery(".huge_it_slideshow_dots_active_101").attr("data-image_key"); } if (huge_it_trans_in_progress_101) { event_stack_101.push(current_key + '-' + key); return; } var direction = 'right'; if (huge_it_current_key_101 > key) { direction = 'left'; } else if (huge_it_current_key_101 == key) { return false; } // Set active thumbnail position. huge_it_current_key_101 = key; jQuery("#huge_it_slideshow_image_101").attr('data-image_id', data_101[key]["id"]); jQuery(".huge_it_slideshow_title_text_101").html(data_101[key]["alt"]); jQuery(".huge_it_slideshow_description_text_101").html(data_101[key]["description"]); var current_image_class = "#image_id_101_" + data_101[current_key]["id"]; var next_image_class = "#image_id_101_" + data_101[key]["id"]; if (jQuery(current_image_class).find('.huge_it_video_frame_101').length > 0) { var streffect = 'fade'; if (streffect == "cubeV" || streffect == "cubeH" || streffect == "none" || streffect == "fade") { huge_it_fade_101(current_image_class, next_image_class, direction); } else { huge_it_fade_101(current_image_class, next_image_class, direction); } } else { huge_it_fade_101(current_image_class, next_image_class, direction); } jQuery('.huge_it_slideshow_title_text_101').removeClass('none'); if (jQuery('.huge_it_slideshow_title_text_101').html() == "") { jQuery('.huge_it_slideshow_title_text_101').addClass('none'); } jQuery('.huge_it_slideshow_description_text_101').removeClass('none'); if (jQuery('.huge_it_slideshow_description_text_101').html() == "") { jQuery('.huge_it_slideshow_description_text_101').addClass('none'); } jQuery(current_image_class).find('.huge_it_slideshow_title_text_101').addClass('none'); jQuery(current_image_class).find('.huge_it_slideshow_description_text_101').addClass('none'); huge_it_move_dots_101(); /*** for vimeo and youtube stop pause play etc... ***/ var nextVideo = jQuery('#video_id_101_' + key).attr('data-element-id'); var currentVideo = jQuery('#video_id_101_' + current_key).attr('data-element-id'); /*** add ***/ (currentVideo || nextVideo) && stopYoutubeVideo(currentVideo, nextVideo); if ((jQuery('#player_101_' + current_key)).hasClass('huge-it-iframe-vimeo')) { jQuery('#player_101_' + current_key).vimeo('pause'); } if ((jQuery('#player_101_' + key)).hasClass('huge-it-iframe-vimeo') && ('off' == 'on')) { jQuery('#player_101_' + key).vimeo('play'); } /*** ***/ window.clearInterval(huge_interval['huge_it_playInterval_' +101]); play_101(); } } var staticthumbWidth; jQuery(window).load(function() { staticthumbWidth = jQuery('#huge_it_thumb_slider>li').width(); }); function huge_it_popup_resize_101() { var staticsliderwidth =850; var sliderwidth =850; var bodyWidth = jQuery(window).width(); var parentWidth = jQuery(".huge_it_slideshow_image_wrap_101").parent().width(); if (sliderwidth > parentWidth) { sliderwidth = parentWidth; } if (sliderwidth > bodyWidth) { sliderwidth = bodyWidth; } var str=543/(staticsliderwidth); var str2 =100/850; var sliderDynamicImageHeight = sliderwidth*str; var sliderDynamicThumbHeight = 0; jQuery('.huge_it_slideshow_image_wrap_101').css({'max-height':sliderDynamicImageHeight+sliderDynamicThumbHeight}); jQuery('.huge_it_slideshow_image_wrap1_101').css({'max-height':sliderDynamicImageHeight}); jQuery('.huge_it_slideshow_thumbs_101 li').css({'max-height':sliderDynamicThumbHeight}); jQuery("#huge_it_loading_image_101").css({display: "none"}); jQuery(".huge_it_slideshow_image_wrap1_101").css({opacity: 1}); jQuery(".huge_it_slideshow_image_wrap_101").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_101").css({opacity:1}); } jQuery(window).load(function () { jQuery(window).resize(function() { huge_it_popup_resize_101(); }); jQuery('#huge_it_slideshow_left_101').on('click',function(){ huge_it_change_image_101(parseInt(jQuery('#huge_it_current_image_key_101').val()), (parseInt(jQuery('#huge_it_current_image_key_101').val()) - iterator_101()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_101').val()) - iterator_101()) % data_101.length : data_101.length - 1, data_101,false,true); return false; }); jQuery('#huge_it_slideshow_right_101').on('click',function(){ huge_it_change_image_101(parseInt(jQuery('#huge_it_current_image_key_101').val()), (parseInt(jQuery('#huge_it_current_image_key_101').val()) + iterator_101()) % data_101.length, data_101,false,true); return false; }); huge_it_popup_resize_101(); /* Disable right click.*/ jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () { return false; }); /*HOVER SLIDESHOW*/ jQuery("#huge_it_slideshow_image_container_101, .huge_it_slideshow_image_container_101, .huge_it_slideshow_dots_container_101,#huge_it_slideshow_right_101,#huge_it_slideshow_left_101").hover(function(){ jQuery("#huge_it_slideshow_right_101").css({'display':'inline'}); jQuery("#huge_it_slideshow_left_101").css({'display':'inline'}); },function(){ jQuery("#huge_it_slideshow_right_101").css({'display':'none'}); jQuery("#huge_it_slideshow_left_101").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_101, .huge_it_slideshow_image_container_101").hover(function(){ window.clearInterval(huge_interval['huge_it_playInterval_'+101]); scrolling = false; },function(){ window.clearInterval(huge_interval['huge_it_playInterval_'+101]); scrolling = true; play_101(); }); } play_101(); }); function play_101(){ if(scrolling || /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ huge_interval['huge_it_playInterval_'+101] = setInterval(function () { var iterator = 1; huge_it_change_image_101(parseInt(jQuery('#huge_it_current_image_key_101').val()), (parseInt(jQuery('#huge_it_current_image_key_101').val()) + iterator) % data_101.length, data_101,false,false); }, '4000'); } } jQuery(window).focus(function() { var i_101 = 0; jQuery(".huge_it_slider_101").children("div").each(function () { if (jQuery(this).css('opacity') == 1) { jQuery("#huge_it_current_image_key_101").val(i_101); } i_101++; }); }); jQuery(window).blur(function() { console.log(event_stack_101); window.clearInterval(huge_interval['huge_it_playInterval_'+101]); }); jQuery(window).focus(function() { play_101() });
jQuery(document).ready(function(jQuery) { setInterval(function() { jQuery('.huge_it_slider_101').find("li").each(function() { if (jQuery(this).css("opacity") == "1") { var img_id = jQuery(this).attr('id'); jQuery('.huge_it_slideshow_thumbs_101').each(function() { var allListElements = jQuery('li[id=' + img_id + ']'); jQuery(this).find(allListElements).not(".bx-clone").each(function() { jQuery('.huge_it_slideshow_thumbs_101 li').find(".trans_back").css('background', 'rgba(255,255,255,0.3)'); jQuery(this).find('.trans_back').css('background', 'none'); }) }) } }) }, 100) })
fine-t-storia

Credit photo © Stefano Benazzo