<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button style="background-color: !important" class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader-active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button style="background-color:transparent !important;" class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> //TESTrrr var openPhotoSwipe = function(Iindex,width,height) { var pswpElement = document.querySelectorAll('.pswp')[0]; var array = ["https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/01.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/02.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/03.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/04.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/05.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/06.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/07.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/08.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/09.jpg","https:\/\/www.tartufi-rossi.com\/wp-content\/uploads\/2013\/04\/10.jpg"]; var wArray = [640,640,640,640,640,640,640,640,640,640]; var hArray = [426,426,426,426,426,426,426,426,426,426]; var count = array.length; console.log(array); var items=[]; for (var c = 0; c < count ; c++) { item={ src: array[c], w: wArray[c], h: hArray[c] }, items.push(item); }; // define options (if needed) var options = { // history & focus options are disabled on CodePen history: false, focus: false, index: Iindex, showAnimationDuration: 0, hideAnimationDuration: 0 }; var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items , options); gallery.init(); }; </script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" > <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg