[es] - Automatski loop slika

damakii

Član broj: 136925
Poruke: 58
*.loc-s.akton.net.

Profil

^{14.02.2011. u 08:14 - pre 161 meseci}

Interesuje me kako da napravim automatsku promjenu slika koje će se učitavati iz jednog foldera. Dakle, u tabeli dimenzija 690*230 px potrebno mi je da pozovem redom 4 slike iz foldera koje će se međusobno izmjenjivati svakih 10 sekundi.

damaki

Odgovor na temu

vatri
Banja Luka, RS

Član broj: 68697
Poruke: 1006
*.dynamic.t-2.net.

+18 Profil

Re: Automatski loop slika

^{15.02.2011. u 22:05 - pre 161 meseci}

Opet ja jel ... :)

Evo ovako napamet, nisam probavao kod, ali moze ti pomoci za pocetak:

*dodas negdje na pocetak HTML-a, najbolje u <head> sekciju:

Code:

<script type="text/javascript">
var currimg = 0; // trenutna slika (kljuc niza)
var arrImg = [ 'slika1.jpg' , 'slika2.jpg' , 'slika3.jpg', 'slika4.jpg' ]; // niz sa slikama tj. njihovim putanjama

setTimeout( function(){
   var i = currimg+1;
   if( i >= arrImg.length )  i = 0;
   var img = arrImg[i];
   document.getElementById('div_img').src = img;
}, 100);
</script>

* zatim tamo gdje hoces listati slike:

<img src="slika1.jpg" id="div_img" />

Kad budes probavao instaliraj sebi Firebug ako koristis Firefox, a ako koristis Chrome, tamo imas ugradjenu konzolu pomocu koje vidis greske na sajtu - to ce ti biti korisno kod programiranja u JS-u.

Odgovor na temu