Galleria Fotografica Javascript

[GANDULE]

Ciao a tutti.

Ho appena realizzato una galleria fotografica con JAVASCRIPT.

http://giovanniorani.altervista.org/...lerySposi.html


Non riesco però a capire il perchè di questo difetto...

l'utente clicca sul cambio immagine, a questo punto c'è una dissolvenza a scomparire e quindi subito dopo caricare la nuova immagine con la comparsa della nuova immagine sempre attraverso una dissolvenza.

Ora come potete vedere anche voi nel link...

Avviene un problema nel momento in cui vado per la prima volta su un immagine non ancora visitata... infatti vi è la dissolvenza a sparire quindi quando parte la nuova dissolvenza c'è ancora la vecchia immagine e la nuova compare di scatto durante l'entrata della dissolvenza....
... mentre invece la nuova immagine dovrebbe essere già presente nel momento in cui inizia la comparsa della nuova immagine.

Non so se mi sono spiegato... ho postato il link per chiarire...

sembrerebbe un problema legato al caricamento dell'immagine... ma ho provato adesso a farle leggerissime tipo una 20 di kb.


Sapete consigliarmi??

[br1]

<script type="text/javascript" language="javascript1.2"> 
<!--
var ima = new Array();
ima[0] = "foto/sposi 001.jpg";
ima[1] = "foto/sposi 002.jpg";
ima[2] = "foto/sposi 003.jpg";
ima[3] = "foto/sposi 004.jpg";
ima[4] = "foto/sposi 005.jpg";
ima[5] = "foto/sposi 006.jpg";
ima[6] = "foto/sposi 007.jpg";
ima[7] = "foto/sposi 008.jpg";
ima[8] = "foto/sposi 009.jpg";
ima[9] = "foto/sposi 010.jpg";
ima[10] = "foto/sposi 011.jpg";
ima[11] = "foto/sposi 012.jpg";
ima[12] = "foto/sposi 013.jpg";
ima[13] = "foto/sposi 014.jpg";
ima[14] = "foto/sposi 015.jpg";
ima[15] = "foto/sposi 016.jpg";
ima[16] = "foto/sposi 017.jpg";
ima[17] = "foto/sposi 018.jpg";
ima[18] = "foto/sposi 019.jpg";
ima[19] = "foto/sposi 020.jpg";
ima[20] = "foto/sposi 021.jpg";
ima[21] = "foto/sposi 022.jpg";
 
var ima_pc = new Image(); // per precaricare la nuova
var hex = 1;  //Valore del colore iniziale
 
//precarica la fotografia nuova
function imp(x) {
	sec = (x>20)?20:(x<0)?0:x;
	ima_pc.src = ima[sec]; // precarico
	fadeOut();
}
 
//Funzione che opacizza il div
function fadeOut() {
	if(hex>0)  { //Se il colore non è scomparso del tutto
		//alert(hex);
		//alert(ind);
		hex = hex-(0.11); //Diminuisci il colore di -11
		document.getElementById("center_photo").style.opacity = hex;
		setTimeout(fadeOut,27);
	} else {   
		imagerota();
	}
}
 
function fadeIn() {
	if(hex<1) {
		hex = hex+(0.11);
		document.getElementById("center_photo").style.opacity = hex;
		setTimeout(fadeIn, 300);
	} else {
		hex = 1;
	}
}
 
//Funzione che cambia la fotografia assegnata nel div centrale
function imagerota() {	
	document.getElementById('center_photo').src = ima_pc.src;  // prendo l'immagine precaricata		
	fadeIn();
}

//-->
</script>

Ho cambiato la formattazione del codice per problemi miei

[GANDULE]

Potrebbe essere legato al peso delle fotografie??
Perchè dopo la prima visita questo difetto non si ripresenta...
però le foto pesano veramente poco adesso...

la 19 e la 20 le ho fatte scendere a 20KB...

[br1]

Originariamente inviato da GANDULE
Potrebbe essere legato al peso delle fotografie??
Perchè dopo la prima visita questo difetto non si ripresenta...
però le foto pesano veramente poco adesso...

la 19 e la 20 le ho fatte scendere a 20KB...

Ma la mia risposta l'hai vista?

Comunque e' legata al fatto che un immagine per poter essere visualizzata non basta assegnare il .src ma deve aver avuto il tempo necessario a venir scaricata dal server.

Con le mie modifiche l'immagine viene precaricata prima di sfumare l'immagine precedente e questo dovrebbe(potrebbe) essere sufficiente per il sucessivo fade-in

ciao

[GANDULE]

Ah si scusa... certo...

purtroppo però non è sufficiente... come puoi vedere nel link il problema sussite...


Però mi suona così strana questa problematica...

[br1]

A me il difetto non si presenta piu'... ti sei accertato che non sia un problema del tuo browser? ovvero hai svuotato la cache? lo script linkato potrebbe non essere aggiornato perche' ripescato dalla cache...

ciao