JS kod:
var fotky=$('.fotky');
setInterval(function(){
fotky.children(':last').fadeOut(1500, function(){
this.fotky.children(':last').prependTo(fotky);
});
},1500);
Javascript animacia fotiek
-
Bravcoveoko21
Novice
- Príspevky: 2
- Registrovaný: 24 jan 2016, 15:51
Javascript animacia fotiek
Dobry den.Mam vytvoreny JS kod ktory by mal robit to ze na kazdu poslednu fotku sa aplikuje animacia fadeOut a vzapati ju vrati na zaciatok elementu ale problem je v tom ze to urobi na prvu ( poslednu ) fotku a efekt dalej nepokracuje.Vedel by mi niekto s tym pomoc ? Za skoru odpoved dakujem.
JS kod:
var fotky=$('.fotky');
setInterval(function(){
fotky.children(':last').fadeOut(1500, function(){
this.fotky.children(':last').prependTo(fotky);
});
},1500);
JS kod:
var fotky=$('.fotky');
setInterval(function(){
fotky.children(':last').fadeOut(1500, function(){
this.fotky.children(':last').prependTo(fotky);
});
},1500);
-
Michaelo
Hardcore addict
- Príspevky: 6177
- Registrovaný: 16 júl 2008, 20:29
- Bydlisko: Pri PC
- Kontaktovať používateľa:
Re: Javascript animacia fotiek
Fade out tu fotku nezmaze. Ty si tie fotky efektivne duplikujes. Po duplikovani ju este musis odstranit.
-
Bravcoveoko21
Novice
- Príspevky: 2
- Registrovaný: 24 jan 2016, 15:51
Re: Javascript animacia fotiek
ano viem ze fadeOut iba zmeni obrazku display na none. Ale ked som preskumal prvok nic sa mi neduplikovalo iba mi ta fotka zmizla a ukazala sa ta fotka ktora je hned ''za nou''.Michaelo napísal:Fade out tu fotku nezmaze. Ty si tie fotky efektivne duplikujes. Po duplikovani ju este musis odstranit.
-
Michaelo
Hardcore addict
- Príspevky: 6177
- Registrovaný: 16 júl 2008, 20:29
- Bydlisko: Pri PC
- Kontaktovať používateľa:
Re: Javascript animacia fotiek
Kedze som sa trochu nudil, tuto mas hotovy kod: https://jsfiddle.net/31vqkfb4/
Kód: Vybrať všetko
var photos = $(".fotky img").length;
var photo_timer = setInterval(function() {
$(".fotky").children(':last').slideUp(1000, function() {
$($(this)).hide().prependTo(".fotky").slideDown("slow");
photos--;
console.log("Photo no.: " + photos);
if (photos <= 0) clearInterval(photo_timer);
});
}, 1500);