immagine a tutto schermo

[Tristal]

Salve,

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

in HTML ho:

<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?

[cavicchiandrea]

Studiati il sito d'esempio, recupera lo script che esegue l'adattamento o il principio e adattalo al tuo, oppure spiega meglio cosa cerchi dal forum

[sgogghy]

Se non cambi gli atrributo imgWidth e imgHeight è normale che l'immagine resti sempre uguale.
O carichi un immagina alla massima risoluzione (1920x1280) impostando imgWidth a 1920 e imgHeight a 1280, lasciando poi il compito al JS di ridimensionare a seconda le immagini in base alla risoluzione, oppure cambi script; io ti posso consigliare BACKSTRETCH.