[es] - Slike u galeriji

Neznalica_sa_ugla
split

Član broj: 83282
Poruke: 390
*.st.cable.xnet.hr.

Profil

^{28.07.2010. u 17:50 - pre 167 meseci}

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

Odgovor na temu

MMX
Miloš Malović
Platform engineer, Supplyframe
Beograd

SuperModerator
Član broj: 2423
Poruke: 2105
188.120.102.*

Jabber: mmx@elitesecurity.org
ICQ: 98797759
Sajt: www.mmx.rs

+11 Profil

Re: Slike u galeriji

^{29.07.2010. u 18:57 - pre 166 meseci}

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.

↑ ↑ ↓ ↓ ← → ← → B A B A [select] [start]

Odgovor na temu

MMX
Miloš Malović
Platform engineer, Supplyframe
Beograd

SuperModerator
Član broj: 2423
Poruke: 2105
188.120.102.*

Jabber: mmx@elitesecurity.org
ICQ: 98797759
Sajt: www.mmx.rs

+11 Profil

Re: Slike u galeriji

^{29.07.2010. u 19:21 - pre 166 meseci}

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. :)

↑ ↑ ↓ ↓ ← → ← → B A B A [select] [start]

Odgovor na temu

Neznalica_sa_ugla
split

Član broj: 83282
Poruke: 390
*.st.cable.xnet.hr.

Profil

Re: Slike u galeriji

^{29.07.2010. u 22:41 - pre 166 meseci}

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

Odgovor na temu