var $jQSlide = jQuery.noConflict(); $jQSlide(".slideshow").each(function() { var array_id=$jQSlide(this).attr("id").split("slideshow_"); var idslide=array_id[1]; eval("var myVar" + idslide + ";"); }); $jQSlide(window).load(function() { $jQSlide(".slideshow_sposta_avanti").css({"cursor":"pointer"}); $jQSlide(".slideshow_sposta_indietro").css({"cursor":"pointer"}); InizializzazioneSlideshow(); }); function InizializzazioneSlideshow() { $jQSlide(".slideshow").each(function() { var array_id=$jQSlide(this).attr("id").split("slideshow_"); var idslide=array_id[1]; var widthWin = $jQSlide(window).width(); var larghezzaSlide=$jQSlide("#slideshow_"+idslide).width(); if(widthWin < 1000) { var altezzaSlide=''; var tempofoto=$jQSlide("#slideshow_"+idslide+"_tempofotomobile").val(); $jQSlide("#slideshow_"+idslide).css({"height": "unset"}); $jQSlide("#slideshow_"+idslide+" .slideshow_slide").css({"height": "unset"}); $jQSlide("#slideshow_"+idslide+" .slideshow_slide_immagine").css({"height": "unset"}); } else { var altezzaSlide=$jQSlide("#slideshow_"+idslide+"_altezza").val(); var tempofoto=$jQSlide("#slideshow_"+idslide+"_tempofoto").val(); } var animazioneSlide=$jQSlide("#slideshow_"+idslide+"_animazione").val(); var tempotransizione=$jQSlide("#slideshow_"+idslide+"_tempotransizione").val(); var numslide=$jQSlide("#slideshow_"+idslide+"_numslide").val(); //console.log('larghezza slide: '+larghezzaSlide); $jQSlide("#slideshow_"+idslide).parent().css({"width":larghezzaSlide+"px"}); //console.log("w slide: "+larghezzaSlide); //alert("w slide: "+larghezzaSlide); var hImg=0; if (widthWin < 1000) { var dimfotoslide=$jQSlide("#slideshow_"+idslide).attr("data-dimfotoslide"); if(dimfotoslide=='adattaH') { $jQSlide("#slideshow_"+idslide+" .slideshow_slide_immagine img").css({"height":"auto"}); } if(dimfotoslide=='adattaCover') { $jQSlide("#slideshow_"+idslide+" .slideshow_slide_immagine img").css({"height":"auto"}); } //console.log("dimfotoslide: "+dimfotoslide); //alert("dimfotoslide: "+dimfotoslide); $jQSlide("#slideshow_"+idslide+" .slideshow_spostamento img").each(function() { var w=$jQSlide(this).width(); var h=$jQSlide(this).height(); var to_w=larghezzaSlide; //var percent = (to_w/h); var percent = (to_w/w); var to_h = (h*percent); //console.log("dim foto: WxH "+w+"x"+h); //console.log("percent:\nto_w/w\n"+to_w+"/"+w+" = "+percent); //console.log("to_h:\nh*percent\n"+h+"*"+percent+" = "+to_h); //console.log("hImg "+hImg+"<"+to_h); //alert("dim foto: WxH "+w+"x"+h+"\n\npercent:\nto_w/w\n"+to_w+"/"+w+" = "+percent+"\n\nto_h:\nh*percent\n"+h+"*"+percent+"\ = "+to_h+"\n\nhImg "+hImg+"<"+to_h); if(hImg1) { if(animazioneSlide=='slidex') { //se ci sono solo 2 immagini è necessario che le raddoppi altrimenti al passo successivo fa un move della seconda e la sposta sulla pirma e quindi la seconda resta vuota. if(numslide==2) { var style2=$jQSlide('#slideshow_'+idslide+'_slide0').attr("style"); var style3=$jQSlide('#slideshow_'+idslide+'_slide1').attr("style"); var immagine2Style=$jQSlide('#slideshow_'+idslide+'_immagine0').attr("style"); var immagine3Style=$jQSlide('#slideshow_'+idslide+'_immagine1').attr("style"); var immagine2=$jQSlide("#slideshow_"+idslide+"_immagine0").html(); var immagine3=$jQSlide("#slideshow_"+idslide+"_immagine1").html(); var didascalia2=''; var didascalia3=''; if($jQSlide("#slideshow_"+idslide+"_didascalia0").length>0) { didascalia2='
'+$jQSlide("#slideshow_"+idslide+"_didascalia0").html()+'
'; } if($jQSlide("#slideshow_"+idslide+"_didascalia1").length>0) { didascalia3='
'+$jQSlide("#slideshow_"+idslide+"_didascalia1").html()+'
'; } var primaFoto='
'+immagine2+'
'+didascalia2+'
'; var secondaFoto='
'+immagine3+'
'+didascalia3+'
'; $jQSlide("#slideshow_"+idslide+" .slideshow_spostamento").append(primaFoto); $jQSlide("#slideshow_"+idslide+" .slideshow_spostamento").append(secondaFoto); $jQSlide("#slideshow_"+idslide+" .slideshow_spostamento").css({"width":(larghezzaSlide*4)+"px"}); $jQSlide("#slideshow_"+idslide+"_numslide").val(4); } //in questo modo creo un insieme di 3 immagini last:first:second che servirà per lo spostamento indietro $jQSlide("#slideshow_"+idslide+" .slideshow_spostamento").prepend($jQSlide("#slideshow_"+idslide+" .slideshow_spostamento .slideshow_slide:last")); $jQSlide("#slideshow_"+idslide+" .slideshow_spostamento").css({ marginLeft: "-="+larghezzaSlide+"px"}); eval("myVar" + idslide + "= setTimeout(function () { SlideShow(idslide,'avanti',tempofoto,tempotransizione); }, tempofoto);"); $jQSlide("#slideshow_"+idslide+" .slideshow_sposta_avanti").click(function(event) { SlideShow (idslide,'avanti',tempofoto,tempotransizione); }); $jQSlide("#slideshow_"+idslide+" .slideshow_sposta_indietro").click(function(event) { SlideShow (idslide,'indietro',tempofoto,tempotransizione); }); $jQSlide("#slideshow_"+idslide+" .slideshow_select_bull").click(function(event) { var numero=$jQSlide(this).attr("id").split("slideshow_select_bull"); SlideShow (idslide,'sposta'+numero[1],tempofoto,tempotransizione); }); } else if(animazioneSlide=='fade') { eval("myVar" + idslide + "= setTimeout(function () { FadeShow(idslide,'avanti',tempofoto,tempotransizione); }, tempofoto);"); $jQSlide("#slideshow_"+idslide+" .slideshow_sposta_avanti").click(function(event) { FadeShow (idslide,'avanti',tempofoto,tempotransizione); }); $jQSlide("#slideshow_"+idslide+" .slideshow_sposta_indietro").click(function(event) { FadeShow (idslide,'indietro',tempofoto,tempotransizione); }); $jQSlide("#slideshow_"+idslide+" .slideshow_select_bull").click(function(event) { var numero=$jQSlide(this).attr("id").split("slideshow_select_bull"); FadeShow (idslide,'sposta'+numero[1],tempofoto,tempotransizione); }); } } }); } function FadeShow (idslide,verso,tempofoto,tempotransizione) { if(document.hasFocus()) { $jQSlide(window).unbind("focus"); //non so per quale motivo il clearTimeout non va //allora ho annullato direttamente la variabile e così funziona clearTimeout(eval("myVar"+idslide)); eval("myVar"+idslide + "= '';"); var nFoto=$jQSlide("#slideshow_"+idslide+"_numfoto").val(); var fotoattuale=$jQSlide("#slideshow_"+idslide+"_fotoattuale").val(); var fotoPrec=fotoattuale; var verso2=verso; if(verso2=='') { verso2='avanti'; } if(verso2=='avanti') { fotoattuale++; } else { if(verso2=='indietro') { fotoattuale--; } else if(verso2.indexOf('sposta')>=0) { fotoattuale=verso2.replace('sposta',''); } } if(fotoattuale>(nFoto-1)) { fotoattuale=0; } else if(fotoattuale<0) { fotoattuale=(nFoto-1); } if($jQSlide("#slideshow_"+idslide+" .slideshow_selectBlock").length>0) { $jQSlide("#slideshow_"+idslide+" .slideshow_select_bull").removeClass("slideshow_select_bull_selected"); $jQSlide("#slideshow_"+idslide+" #slideshow_select_bull"+fotoattuale).addClass("slideshow_select_bull_selected"); } $jQSlide("#slideshow_"+idslide+"_fotoattuale").val(fotoattuale); $jQSlide("#slideshow_"+idslide+" .slideshow_slide").fadeOut(eval(tempotransizione)); $jQSlide("#slideshow_"+idslide+" #slideshow_"+idslide+"_slide"+fotoattuale).fadeIn(eval(tempotransizione)); eval("myVar" + idslide + "= setTimeout(function () { FadeShow(idslide,'avanti',tempofoto,tempotransizione); }, tempofoto);"); } else { $jQSlide(window).focus(function(){ FadeShow(idslide,'avanti',tempofoto,tempotransizione); }); } } function SlideShow (idslide,verso,tempofoto,tempotransizione) { if(document.hasFocus()) { $jQSlide(window).unbind("focus"); //non so per quale motivo il clearTimeout non va //allora ho annullato direttamente la variabile e così funziona clearTimeout(eval("myVar"+idslide)); eval("myVar"+idslide + "= '';"); //se c'è una animazione in corso non si fa niente if(!$jQSlide("#slideshow_"+idslide+" .slideshow_spostamento").is(':animated')) { var nFoto=$jQSlide("#slideshow_"+idslide+"_numfoto").val(); var nFotoTmp=nFoto-1; var nFotoTmpMezz=Math.floor(nFotoTmp); var fotoattuale=$jQSlide("#slideshow_"+idslide+"_fotoattuale").val(); var fotoPrec=fotoattuale; var larghezza=$jQSlide("#slideshow_"+idslide).width(); var verso2=verso; if(verso2=='') { verso2='avanti'; } var quantosposto=1; var spostamento=larghezza; var tempoTmp=tempotransizione; if(verso2=='avanti') { fotoattuale++; } else { if(verso2=='indietro') { fotoattuale--; } else if(verso2.indexOf('sposta')>=0) { fotoattuale=verso2.replace('sposta',''); //calcolo quale verso mi conviene prendere var vSx=0; var vDx=0; if(fotoPrecfotoattuale) { vSx=fotoPrec-fotoattuale; vDx=(nFotoTmp-fotoPrec)+parseInt(fotoattuale)+parseInt(1); } if(vSx(nFoto-1)) { fotoattuale=0; } else if(fotoattuale<0) { fotoattuale=(nFoto-1); } if($jQSlide("#slideshow_"+idslide+" .slideshow_selectBlock").length>0) { $jQSlide("#slideshow_"+idslide+" .slideshow_select_bull").removeClass("slideshow_select_bull_selected"); $jQSlide("#slideshow_"+idslide+" #slideshow_select_bull"+fotoattuale).addClass("slideshow_select_bull_selected"); } $jQSlide("#slideshow_"+idslide+"_fotoattuale").val(fotoattuale); if(verso2=='avanti') { var xx=1; while(xx<=quantosposto) { $jQSlide("#slideshow_"+idslide+" .slideshow_spostamento").animate({ marginLeft: "-="+spostamento+"px"}, eval(tempoTmp), function() { $jQSlide("#slideshow_"+idslide+" .slideshow_spostamento").append($jQSlide("#slideshow_"+idslide+" .slideshow_spostamento .slideshow_slide:first")); $jQSlide("#slideshow_"+idslide+" .slideshow_spostamento").css({ marginLeft: "+="+spostamento+"px"}); }); xx++; } } else { var xx=1; while(xx<=quantosposto) { $jQSlide("#slideshow_"+idslide+" .slideshow_spostamento").animate({ marginLeft: "+="+spostamento+"px"}, eval(tempoTmp), function() { $jQSlide("#slideshow_"+idslide+" .slideshow_spostamento").prepend($jQSlide("#slideshow_"+idslide+" .slideshow_spostamento .slideshow_slide:last")); $jQSlide("#slideshow_"+idslide+" .slideshow_spostamento").css({ marginLeft: "-="+spostamento+"px"}); }); xx++; } } } eval("myVar" + idslide + "= setTimeout(function () { SlideShow(idslide,'avanti',tempofoto,tempotransizione); }, tempofoto);"); } else { $jQSlide(window).focus(function(){ SlideShow(idslide,'avanti',tempofoto,tempotransizione); }); } }