|
Poslao: 25 Jan 2018 18:50
|
offline
- Stephanos
- Zaslužni građanin
- Pridružio: 03 Feb 2015
- Poruke: 501
|
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);
}
|
|
|
|
|
Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
|
|
|
|
|
Poslao: 25 Jan 2018 19:46
|
offline
- Stephanos
- Zaslužni građanin
- Pridružio: 03 Feb 2015
- Poruke: 501
|
<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>
|
|
|
|
|
|
|
Poslao: 25 Jan 2018 21:13
|
offline
- E.L.I.T.E.
- Legendarni građanin
- Pridružio: 23 Maj 2012
- Poruke: 4590
|
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 
|
|
|
|
|
|
|
Poslao: 25 Jan 2018 21:27
|
offline
- Stephanos
- Zaslužni građanin
- Pridružio: 03 Feb 2015
- Poruke: 501
|
Ne mogu da pogodim code, ajd iskucaj da vidim, sigurno je nesto jednostavno.. :/
|
|
|
|
|
|
|
Poslao: 25 Jan 2018 21:50
|
offline
- E.L.I.T.E.
- Legendarni građanin
- Pridružio: 23 Maj 2012
- Poruke: 4590
|
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.
|
|
|
|
|
|
|
Poslao: 25 Jan 2018 22:45
|
offline
- vasa.93
- Moderator foruma
- Pridružio: 17 Dec 2007
- Poruke: 14828
- Gde živiš: Niš
|
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.
|
|
|
|
|
|
|
Poslao: 25 Jan 2018 23:07
|
offline
- Stephanos
- Zaslužni građanin
- Pridružio: 03 Feb 2015
- Poruke: 501
|
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.
|
|
|
|
|
|
|
Poslao: 25 Jan 2018 23:27
|
offline
- E.L.I.T.E.
- Legendarni građanin
- Pridružio: 23 Maj 2012
- Poruke: 4590
|
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
|
|
|
|
|
|
|
Poslao: 25 Jan 2018 23:52
|
offline
- vasa.93
- Moderator foruma
- Pridružio: 17 Dec 2007
- Poruke: 14828
- Gde živiš: Niš
|
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.
|
|
|
|
|
|
