bloccare caricamento delle immagini

[Oscurodrago]

ciao a tutti, sapreste dirmi se è possibile e come posso fare x bloccare il caricamento di alcune immagine se le metto all'interno di un <div></div> che ha style="display:none;" (tramite javascript faccio apparire e/o scomparire)

questo mi servirebbe x non appesantire troppo la pagina


grazie a tutti i anticipo

[cavicchiandrea]

Per logica mi verrebbe da dire che in javascript non sia possibile (ora mi smentisco clamorosamente, lo spero per te) sicuramente non in quel modo, da quel che so io display non mostra l'oggetto ma lo carica comunque, ipotesi avallata dal fatto che se tu provi a "nascondere" un immagine poi la mostri al click la visione è immediata, cosa impossibile se dovesse caricarla in quel momento.
La prova la puoi comunque fare se i tempi d'attesa cambiano (accorciandosi) hai risolto, altrimenti fai come tutti che mettono anteprime/pre-caricano immagini/ottimizzano/etc...

[Oscurodrago]

ho cercato in rete e sn arrivato che mi ci vuole ajax x ottenere un qualksa di simile....
ho dato un okkiata a http://it.wikibooks.org/wiki/JavaScript/Usare_AJAX ed altri siti ed ho buttato queste righe di codice che oviamente non funziona

questo è la parte javascript

<script type="text/javascript">

function my_getbyid(id){
	itm=null;
	if(document.getElementById){
		itm=document.getElementById(id);
	}else if(document.all){
		itm=document.all[id];
	}else if(document.layers){
		itm=document.layers[id];
	}
	return itm;
}

function galleryImages(){
    objReq = objHttp();
    objReq.open('get', 'gallery.php?galleryid=3', true);
    objReq.onreadystatechange = getImages;
    objReq.send(null);
}

function getImages(){
    if(objReq.readyState == 4 && objReq.status == 200)
    {
       itm = my_getbyid('newsgal');
       itm.innerHTML=objReq.responseText;

    }
}
</script>

oviamente questo è quella nell'html

36
                  <div id="newsgal">
 
                  
                </div>

ed in fine questo è il link della pagina php che dovrebbe generare l'output

http://www.nihills.net/gallery.php?galleryid=3

sapreste indicarmi dove sbaglio e/o una guida piu dettagliata


grazie della noiosa lettura
aspetto risposte impaziente

[cavicchiandrea]

http://javascript.html.it/guide/leggi/95/guida-ajax/

[Oscurodrago]

grazie 1000 ho risolto

ma che comdo sarebbe se non ci fosse un ma....

questo è il codice che ho fatto, premendo i link 1 e 2 e se metto il comando onload nel body tag, il tutto funziona ma sapreste dirmi se è possibile e se si come funzionare nel div direttamente come qui sotto riportato

<script>
var myRequest = null;

function CreateXmlHttpReq2(handler) {
  var xmlhttp = null;
  try {
    xmlhttp = new XMLHttpRequest();
  } catch(e) {
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch(e) {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
  xmlhttp.onreadystatechange = handler;
  return xmlhttp;
}

function myHandler2() {
    if (myRequest.readyState == 4 && myRequest.status == 200) {
        e = document.getElementById("galleryname");
        e.innerHTML = myRequest.responseText;
    }
}

function galleryimglist(gid) {
    myRequest = CreateXmlHttpReq2(myHandler2);
    myRequest.open("GET","gallery.php?gid="+gid);
    myRequest.send(null);
}
</script>

1 2
<div id="galleryname" onload="javascript:galleryimglist(0);"></div>

[Oscurodrago]

disturbo nuovamente su questo script
non riesco a rendere "variabile" l' id del Div che contiene i dati importati
sapreste dirmi come passare l'informazione a myHandler2() su quale div deve andare ad agire

<script>
var myRequest = null;

function CreateXmlHttpReq2(handler) {
  var xmlhttp = null;
  try {
    xmlhttp = new XMLHttpRequest();
  } catch(e) {
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch(e) {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
  xmlhttp.onreadystatechange = handler;
  return xmlhttp;
}

function myHandler2() {
  var idname = 'galleryname';  //questo lo vorrei prenderlo dal link come gid
    if (myRequest.readyState == 4 && myRequest.status == 200) {
        e = document.getElementById(idname);
        e.innerHTML = myRequest.responseText;
    }
}

function galleryimglist(idname,gid) { //qui prendo idname ma come lo passo? CreateXmlHttpReq2(myHandler2(idname)); non funziona

    myRequest = CreateXmlHttpReq2(myHandler2);
    myRequest.open("GET","gallery.php?gid="+gid);
    myRequest.send(null);
}
</script>

1 2
<div id="galleryname"></div>

grazie nuovamente in anticipo