Nie chcę by zdjęcia w galerii pojawiały się losowo Opcje

[darksiders94]

Witam,
Mam kodzik js. a w nim prezentację zdjęć. Tylko, że zdjęcia losują się, a nie przechodzą jeden po drugim. Zalezy mi, aby wyświetlały się w kolejności od 1 do 3. Wiem, że za losowośc odpowiada linijka z Match.random, ale nie mam pomysłu jak ją zmienić.

var zdjecia = new Array("obraz-slider1","obraz-slider2","obraz-slider3");

const MINI = "zdjecia/mini/";

const SEC = 1000;
const ZMIANA = 5*SEC;

var interval = 0;

function losuj(){
var tab = new Array();
for(var i=0 i<1; i++){
tab[i] = Math.floor(Math.random()*zdjecia.length);
}
return tab;
}

function uaktualnij(){
var img = document.getElementsByTagName("img");
var nowe = losuj();
for(var i=0; i<img.length; i++){
img[i].src = MINI + zdjecia[nowe[i]] + ".jpg";
}
}

function startInterval(){
interval = setInterval(function(){ uaktualnij(); }, ZMIANA);
}

window.onload = function(){
uaktualnij();
startInterval();
}



Pomożecie? (IMG:style_emoticons/default/biggrin.gif)

Ten post edytował darksiders94 23.06.2014, 16:43:01

[ziolo]

Zmień funkcję uaktualnij, funkcję losuj możesz wywalić. Powinno być ok.

[JAVASCRIPT] pobierz, plaintext 
function uaktualnij(){
  var img = document.getElementsByTagName("img");
  for(var i=0; i<img.length; i++)
  {
    img[i].src = MINI + zdjecia[i] + ".jpg";
  }
}
[JAVASCRIPT] pobierz, plaintext 

[darksiders94]

No.. chyba nie.. Teraz wyświetla mi jedno zdjęcie i nie działa timer
W sumie to nawet nie wiem dlaczego.. przecież jest i++.. powinien robic skok o jeden obrazek

Ten post edytował darksiders94 23.06.2014, 17:27:30

[ziolo]

Aha rozumiem, że w kodzie masz jeden element img.

To tak.

[PHP] pobierz, plaintext 
 
var zdjecia = new Array("obraz-slider1","obraz-slider2","obraz-slider3");
 
const MINI = "zdjecia/mini/";
 
const SEC = 1000;
const ZMIANA = 5*SEC;
 
var interval = 0, indeks=0;
 
function uaktualnij(){
var img = document.getElementsByTagName("img");
for(var i=0; i<img.length; i++){
img[i].src = MINI + zdjecia[indeks] + ".jpg";
}
 
indeks++;
if(indeks==zdjecia.length)
indeks=0;
 
}
 
function startInterval(){
interval = setInterval(function(){ uaktualnij(); }, ZMIANA);
}
 
window.onload = function(){	
uaktualnij();
startInterval(); 
}
 
[PHP] pobierz, plaintext 

Ten post edytował ziolo 23.06.2014, 17:41:46

[darksiders94]

Dobra, wyswietla..
Przez przypadek zakończyłeś linijkę ";;"
Dzięki za pomoc (IMG:style_emoticons/default/biggrin.gif)

Ten post edytował darksiders94 23.06.2014, 17:41:40