JavaScript

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Imam code koji radi za promenu slike na click, ali me zanima kako da se slike menjaju same? Gde da dodam setInterval u kodu?

Ovo je moj code koji radi:

var current = document.getElementById('current'); var slike = document.getElementsByClassName('thumb'); for(var i=0; i<slike.length; i++){     slike[i].addEventListener('click', display); } function display(){     var sl = this.getAttribute('src');     current.setAttribute('src', sl); }

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Daj ceo kod sa sve html templejtom.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

<div id="slike">         <img src="Banff-national-park-generic.jpg" id="current" alt="">     <img src="BORA-BORA-BEST-HONEYMOON-DESTINATION-IN-THE-WORLD-750x452.jpg" class="thumb" alt="">     <img src="dubai-united-arab-emirates.jpg" class="thumb" alt="">     <img src="GREATEST-DESTINATIONS-AUSTRALIA-AMAZING-WORLD-TRAVEL-TOURISM-DOCUMENTARY.jpg" class="thumb" alt="">     <img src="thumb2-earth-moon-africa-asia-galaxy.jpg" class="thumb" alt="">     <img src="tumblr_mi9napEycl1rlpyqgo1_500.jpg" class="thumb" alt="">         </div>

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Napraviš brojač koji kreće od nule (prva slika u nizu) i povećava se za jedan na svakih x milisekundi. Kada brojač stigne do n - 1 broja, gde je n dužina niza, vrati ga na početnu vrednost.

Probaj sam za početak pa javi ako zapne

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ne mogu da pogodim code, ajd iskucaj da vidim, sigurno je nesto jednostavno.. :/

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

var i = 0; var images = document.getElementsByClassName("thumb"); setInterval(function() {    displayImage(images[i]);    i < arr.length - 1 ? i++ : i = 0; }, 1000);
Samo prilagodi ovo svom rešenju.

• 1Ovo se svidja korisniku: E.L.I.T.E.
  
  Registruj se da bi pohvalio/la poruku!

Koliko kontam, ovde je ideja da samo jedna slika bude vidljiva u jednom trenutku, i da se na njenom mestu smenjuju druge slike u nekom intervalu? Ako je to tačno, de Boga ti nemoj da praviš N img tagova nego smesti url-ove tih slika u neki js niz, ostavi samo jedan img tag i samo njemu menjaj source.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

E.L.I.T.E. ::var i = 0; var images = document.getElementsByClassName("thumb"); setInterval(function() {    displayImage(images[i]);    i < arr.length - 1 ? i++ : i = 0; }, 1000);
Samo prilagodi ovo svom rešenju.

Pa mogao si da iskucas po mom resenju.


vasa.93 ::Koliko kontam, ovde je ideja da samo jedna slika bude vidljiva u jednom trenutku, i da se na njenom mestu smenjuju druge slike u nekom intervalu? Ako je to tačno, de Boga ti nemoj da praviš N img tagova nego smesti url-ove tih slika u neki js niz, ostavi samo jedan img tag i samo njemu menjaj source.

Da vaso, to hocu. Ja da znam da ih smestim ne bi otvorio temu za pomoc, daj iskucaj i taj tvoj predlog.

• 1Ovo se svidja korisniku: vasa.93
  
  Registruj se da bi pohvalio/la poruku!

Ako tražiš da ti mi iskucamo sve na gotovo, to neće ići. Da bi nešto naučio potrebno je da prvo shvatiš šta ti zapravo treba, podeliš problem na delove i rešiš svaki od njih.

Da si obratio pažnju na ovaj moj primer video bi da samo treba da implementiraš displayImage metodu i da u niz smestiš linkove do svih slika, kao što ti je Vasa napomenuo.

Ovo nije vezano samo za JavaScript već za bilo šta što programiraš. Da bi naučio da razmišljaš kao programer potrebno je vreme, ali moraš i sam da uložiš određeni trud

• 1Ovo se svidja korisniku: Rastafarii
  
  Registruj se da bi pohvalio/la poruku!

Ja bih imao sličnu primedbu - nema potrebe da prelaziš na neke "naprednije" stvari dok ne savladaš osnove. Kreiranje niza je ono baš baš osnova osnove. Kad to naučiš, onda provežbaj i obilazak niza na ovaj ili na onaj način, igraj se malo sa tim i sličnim stvarima, pa tek onda uzmi da dinamički menjaš DOM i slične kerefeke.

I Google. Obavezno Google. Postoje hiljade i hiljade takvih kao ti - početnici, i bar pola njih postavlja ista pitanja na mali milion mesta, dobija više ili manje detaljne odgovore. Plus je ovo tema koja nikad neće prestati da se vrti po internetu. I što pre stekneš veštinu da lako i brzo isčeprkaš ono što te interesuje (a veruj, to isto je interesovalo bukvalno hiljade pre tebe), to ćeš brže i lakše napredovati kasnije.