Preload Immagini e Immagine

zannas

Utente Attivo
9 Nov 2003
37
0
0
33
Padova
zannas.netsons.org
Salve ho un problema non da poco...(sono giorni che vi ronzo attorno).
Allora voglio che prima del caricamento di alcune immagini venga visualizzata un'altra immagine (loader) sino a quando l'immagine è caricata. Il problema non sussiste con un'immagine:
Codice:
var XMLHttp = null;

try {
	(XMLHttp=new ActiveXObject("Msxml2.XMLHTTP"))
} catch(e) {
	try {
		(XMLHttp=new ActiveXObject("Microsoft.XMLHTTP")) }
	catch(e) {
		XMLHttp=new XMLHttpRequest();
	}
}

function loadimg_unica(id,src_da_caricare) {
	var img = document.getElementById(id);
	img.src = 'img/indicator_arrows.gif';
	
	XMLHttp.onreadystatechange = function () {
		
		switch (XMLHttp.readyState) {
		case 0:
			alert('Errore, contatta Zannas');
		break;
		case 1:
		break;
		case 2:
		break;
		case 3:
		case 4:
			if (XMLHttp.status==200) {
				img.src = src_da_caricare;
			}
		break;
	}
	}
	XMLHttp.open("GET",src_da_caricare,true);
	XMLHttp.send(null);
}
il problema nasce quando devo fare questo con una serie di immagini al caricamento della pagina.
Ho provato con questo ma non mi funziona...sapete darmi una mano???
Codice:
var XMLHttp = null;

try {
	(XMLHttp=new ActiveXObject("Msxml2.XMLHTTP"))
} catch(e) {
	try {
		(XMLHttp=new ActiveXObject("Microsoft.XMLHTTP")) }
	catch(e) {
		XMLHttp=new XMLHttpRequest();
	}
}

function loadimg (riferimento) {
	try {
	var all_images = document.getElementsByTagName('img');
	thumb = new Array();
	var src_originale = new Array();
	
	espressione = new RegExp('^'+riferimento);
		
	for (i = 0; i < all_images.length; i++) {
		if	(espressione.test(all_images[i].id)) {
			thumb.push(all_images[i]);
			src_originale.push(all_images[i].src);
		}
	}
	
	for (n = 0; n < thumb.length; n++) {
		thumb[n].src = 'img/indicator_arrows.gif';	
		XMLHttp.onreadystatechange = handle_loadimg(thumb,src_originale,n);
		XMLHttp.open("GET",src_originale[n],true);
		XMLHttp.send(null);
	}
	} catch (e) {  }
}

function handle_loadimg(array_thumb,array_src_originale,i) {
	var thumb = array_thumb;
	var src_originale = array_src_originale;
	var n = i;
	
	switch (XMLHttp.readyState) {
		case 0:
			//alert('errore');
		break;
		case 1:
		break;
		case 2:
		break;
		case 3:
		case 4:
			alert('c sono arrivato');
			if (XMLHttp.status==200) {
				thumb[n].src = src_originale[n];
			}
		break;
	}
}
onload = loadimg('thumb');
 
Discussioni simili
Autore Titolo Forum Risposte Data
I Preload immagini. HTML e CSS 2
B Caricamento immagini in preload e redirect al termine HTML e CSS 5
purno preload immagini HTML e CSS 1
C Immagine di caricamento pagina (preload) jQuery 1
Z preload IFRAME Javascript 3
V preload al centro del liquid layout Flash 0
J Best Ways to Preload Image JavaScript with CSS, AJAX Javascript 0
K barra di preload durante caricamento video Flash 2
L aiuto su preload Ajax 0
N preload background image animazione sequenza Javascript 1
emanuelevt problema preload img con glossy Javascript 0
C Preload e clip filmato Flash 1
A preload per pagina inclusa HTML e CSS 0
A preload cd multimediale Flash 0
X [jquery] effetto preload sino a caricamento del div jQuery 1
G preload e swf esterno Flash 1
N problemi barra preload.. Flash 7
C Script preload che funziona solo con IE... Javascript 0
M Aggiungere un preload ai contenuti con jquery jQuery 1
F Aiuto preload!! Aiutatemi.. Flash 1
E preload con barra di avanzamento Flash 6
I Come evitare che il preload compaia 2 volte? Flash 1
S Preload video on-line HTML e CSS 0
I Preload! Flash 9
Simosito Su preload Javascript 9
Y rollover + preload Javascript 4
M problema preload Flash 9
A Preload Flash 8
P come realizzare un preload con swish? Flash 2
A Come inserie un preload in una pagina html Flash 0
V Preload in una pagina html ASP.NET 1
R preload Flash 7
F Preload Flash 3
P preload + loop Flash 2
T Aiuto Preload HTML e CSS 0
metalgemini Maledetto preload... Flash 4
metalgemini Maledetto preload... Flash 0
S Preload???? Javascript 6
P per preload (importare avi in flash) Flash 0
D preload flash Flash 1
R Immagini html HTML e CSS 1
E Come gestire al meglio le immagini legno grande formato Photoshop 0
M Random Immagini + Testi PHP 13
L form immagini per il database PHP 0
Ricky80 Coordinazione immagini HTML e CSS 4
P Percorsi e immagini. PHP 0
N Indicizzazione immagini su Google Google Search Console 0
L Import Immagini piattaforma IONIC Sviluppo app per Android 0
L Import massivo di immagini in tabelle piattaforma IONIC Presentati al Forum 1
P Script upload immagini jQuery 0

Discussioni simili