Slike u galeriji

[ Neznalica_sa_ugla @ 28.07.2010. 17:50 ] @

Na stranicam , gdje imam slike ( kao neka galerija slika) htio bi da , kada posjetitelj klikne na slku i ona se učitava , da ne prikazuje nju dijelimično ili čeka sa prikazom nego da se vrti neka ikonica probam sa kodom :

Code:

function show(sl,ime)
{


     show_slika=sl.src;

    tekuca=parseInt(sl.id)+1;


  show_slika=show_slika.replace("_m.","_g.");
   zat_body();
  prik_tek(show_slika);


}

function imagesLoaded()
{
  document.getElementById('s_slika').style.border= "outset black 10px";
  document.getElementById('s_slika').style.zIndex = 4999;

  document.getElementById('s_slika').style.top = 150+"px";
   var polozaj=((screen.width-20-document.getElementById('s_slika').offsetWidth)/2)
  document.getElementById('s_slika').style.left =polozaj+"px";
  document.getElementById('s_slika').style.visibility="visible";
}


function prik_tek()
{

  document.getElementById('s_slika').style.visibility="hidden";
  document.getElementById('s_slika').src=show_slika;                              //  show_slika je  ovdije ime  slie  koju želim prikazati
  document.getElementById('s_slika').onLoaded=imagesLoaded();

}

...................
..
function nex()
{

    tekuca= parseInt(tekuca)+1;
     document.getElementById('s_slika').src="cekaj.gif";
     show(ximg[tekuca]," ");



}
function prew()
{
     tekuca=parseInt(tekuca)-1;

    document.getElementById('s_slika').src="cekaj.gif";
    show(ximg[tekuca]," ");

}

ovo lijepo radi i mijenja slike , ali nikako da ubacim onaj gif čekanja

, Kao to postići >.Hvala

[ MMX @ 29.07.2010. 18:57 ] @

Napraviš HTML stranicu na kojoj će sve slike imati source do fajla loading.gif, na primer (animacija koja će se vrteti dok se slika ne učita). Potom, napraviš funkciju koja će se pozvati kada se okine onload event body taga. U toj funkciji navedeš u nekom nizu putanje do slika, za svaku putanju kreiraš Image objaket (teracijom kroz niz) i svakom image objektu dodaš onload event koji će zameniti loading.gif na odgovarajućoj poziciji sa objektom ove slike (src atribut menjaš). Ukoliko bude problema, ti se javi.

[ MMX @ 29.07.2010. 19:21 ] @

Evo na brzinu sam napisao test primer:

http://www.mmx.rs/pub/js/image-loader/image-loader.html

Nadam se da je od pomoći. :)

[ Neznalica_sa_ugla @ 29.07.2010. 22:41 ] @

Hvala na odgovoru: primijer baš i ne pomaže ( ili si ga već skinuo ) .To kod mene ide nekao trapavo . Pogledaj
http://familytree-world.com
-- -> galerija

Ja sam načelno sve napravio ok, to radi u Chromi , ali i u IE je užasno ... Naravno morao sam preko indexa , jer niti ne znam , koliko ima slika , i njihove nazive . Svakao puno Hvala