Salve,

nel mio sito devo avere 3/4 immagini a tutto schermo che vanno in dissolvenza.

in HTML ho:

codice:
<script type="text/javascript">
	$(document).ready(function(){
        //  Initialize Backgound Stretcher	   
		$(document).bgStretcher({
			images: ['sfondi/1.jpg', '2.jpg', '3.jpg'],
			imageWidth: 1306, imageHeight: 979, nextSlideDelay: 4000, slideShowSpeed: "slow"
		});
		
		$('#toggleAnimation').click(function(){
	       if($(this).val() == "Pause Animation"){
	           $(this).val("Resume Animation");
	           $(document).bgStretcher.pause();
	       } else {
	           $(this).val("Pause Animation");
	           $(document).bgStretcher.play();
	       }
		});
	});
</script>
tu va correttamente, se non fosse che l'immagine non resta fissa su tutti i monitor... cioè in alcuni, l'immagine viene tagliata. Ho provato a vedere dall'ipad ad un portatile e un monitor ancora più grande, la visuale dell'immagine è sempre diversa.

Facendo un esempio, su questo sito http://www.cotinsposa.it/ l'immagine resta così com'è su tutte le dimensioni dei monitor... dovrei inserire una particolare dicitura?