preload immagini con IE6, Firefox e Opera

**pietro09** · 03-10-2006, 12:40

codice:

<script language="JavaScript" type="text/javascript">
<!--  prelevato su:  http://www.web-link.it

function preload() {
  if (!document.images) return;
  var wl = new Array();
  var arguments = preload.arguments;
  for (var i = 0; i < arguments.length; i++) {
    wl[i] = new Image();
    wl[i].src = arguments[i];
  }
}
// -->

</SCRIPT>

questo codice funziona bene con IE.

Con Firefox, no.
Ho risolto con Firefox portando fuori dalla funzione, il vettore wl.

Con Opera non funziona per niente

Qualcuno ha un codice semplice, valido per i tre browser menzionati?

**pietro09** · 03-10-2006, 13:07

come non detto: funziona bene

**bECH** · 29-08-2007, 17:56

Ciao,
sto provando a fare la stessa cosa; ovvero caricare all'onload del BODY 5 immagini che verranno poi richiamate nella pagina ad un certo evento.

Ho utilizzato questo codice ma credo non funzioni.
Prima domanda: per verificare se funziona mi basterebbe fare refresh della pagina e andare nella cache e vedere se sono state scaricate le immagini, giusto?

Ad ogni modo ecco la parte javascript del codice; la pagina presenta una serie di miniature, che al click richiamano alcune funzioni javascript per creare una galleria immagini con effetto fade

codice:

<script type="text/javascript" language="javascript">

function preload() {
  if (!document.images) return;
  var wl = new Array();
  var arguments = preload.arguments;
  for (var i = 0; i < arguments.length; i++) {
    wl[i] = new Image();
    wl[i].src = arguments[i];
  }
}


function showPic (whichpic) { 
	if (document.getElementById) { 
		document.getElementById('placeholder').src = whichpic.href; 
		initImage();
		if (whichpic.title) { 
			document.getElementById('desc').childNodes[0].nodeValue = whichpic.title; 
		} else { 
			document.getElementById('desc').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue; 
		} 
		return false; 
	} else { 
		return true; 
	} 
}


document.write("<style type='text/css'>#placeholder {visibility:hidden;}</style>");

function initImage() {
	imageId = 'placeholder';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}
function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 5;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 30);
		}
	}
}
function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}

window.onload = function() {initImage()}

</script>

</head>
<BODY leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" onLoad="preload('img/photos/pousada/02.jpg', 'img/photos/pousada/03.jpg', 'img/photos/pousada/04.jpg')">

**andr3a** · 29-08-2007, 18:41

il tipo mi sa che ha le idee un pò confuse ...

var arguments = preload.arguments;

... cioè, a cosa serve questo?

arguments è sempre presente all'interno di una funzione :master:

codice:

function preload() {
	for (var i = 0, k = !!document.images, wl = []; k && i < arguments.length; i++)
		(wl[i] = new Image()).src = arguments[i];
};

poi magari non era questo

(pietro perchè continui a cercare codice altrui che lo scrivi meglio tu di tanti pezzi che hai postato presi qua o la?)

**pietro09** · 29-08-2007, 21:17

Originariamente inviato da andr3a
il tipo mi sa che ha le idee un pò confuse ...

var arguments = preload.arguments;

... cioè, a cosa serve questo?

arguments è sempre presente all'interno di una funzione :master:

codice:

function preload() {
	for (var i = 0, k = !!document.images, wl = []; k && i < arguments.length; i++)
		(wl[i] = new Image()).src = arguments[i];
};

poi magari non era questo

(pietro perchè continui a cercare codice altrui che lo scrivi meglio tu di tanti pezzi che hai postato presi qua o la?)

1) ma perchè non si rendono a solo lettura i quesiti più datati?

2) perchè non ricevo notifiche per questi vecchi quesiti?

3) :master: chi sarebbe queso Guidoz? quel brutto assistente di Excel?

4) Per l'ultima domanda che fai, effettivamente me la sono rifatto da solo una funzione simile.
Ma prendiamola così: lo scambio di codice crea un aumento della conoscenza e non un aumento di confuzione.

ps. ps. il motivo per cui feci quel quesito, oramai solo Dio lo sa

io l'ho dimenticato del tutto.

Discussione: preload immagini con IE6, Firefox e Opera

Strumenti discussione

Ricerca discussione

Visualizza

preload immagini con IE6, Firefox e Opera

Permessi di invio