Mam kolumny w kazdej po 5 obrazków. Chce zrobic tak aby kazdy obrazek zmieniał się losowo co iles sekund i kazdy w innym czasie aby nie było non stop e wszystkie razem.
Kazdy obrazek jest inny oraz podmieniany także. Zrobiłem cos takiego
setInterval(function(){$('#cf1').toggleClass('liveEventsActive', 1000)}, 4000);
setInterval(function(){$('#cf2').toggleClass('liveEventsActive', 1000)}, 14000);
setInterval(function(){$('#cf3').toggleClass('liveEventsActive', 1000)}, 12000);
setInterval(function(){$('#cf4').toggleClass('liveEventsActive', 1000)}, 4500);
setInterval(function(){$('#cf5').toggleClass('liveEventsActive', 1000)}, 14000);
setInterval(function(){$('#cf6').toggleClass('liveEventsActive', 1000)}, 3000);
setInterval(function(){$('#cf7').toggleClass('liveEventsActive', 1000)}, 4000);
setInterval(function(){$('#cf8').toggleClass('liveEventsActive', 1000)}, 24000);
setInterval(function(){$('#cf9').toggleClass('liveEventsActive', 1000)}, 2000);
setInterval(function(){$('#cf10').toggleClass('liveEventsActive', 1000)}, 5000);
w css takie coś
#cf1 .two_img , #cf2 .two_img , #cf3 .two_img , #cf4 .two_img , #cf5 .two_img , #cf6 .two_img , #cf7 .two_img , #cf8 .two_img, #cf9 .two_img, #cf10 .two_img {
display: none;
}
#cf1 .one_img, #cf2 .one_img, #cf3 .one_img, #cf4 .one_img, #cf5 .one_img, #cf6 .one_img, #cf7 .one_img, #cf8 .one_img, #cf9 .one_img, #cf10 .one_img {
display: block;
}
#cf1.liveEventsActive .two_img, #cf2.liveEventsActive .two_img, #cf3.liveEventsActive .two_img,
#cf4.liveEventsActive .two_img, #cf5.liveEventsActive .two_img, #cf6.liveEventsActive .two_img,
#cf7.liveEventsActive .two_img, #cf8.liveEventsActive .two_img, #cf9.liveEventsActive .two_img,
#cf10.liveEventsActive .two_img {
display: block;
}
#cf1.liveEventsActive .one_img, #cf2.liveEventsActive .one_img, #cf3.liveEventsActive .one_img, #cf4.liveEventsActive .one_img, #cf5.liveEventsActive .one_img,
#cf6.liveEventsActive .one_img, #cf7.liveEventsActive .one_img, #cf8.liveEventsActive .one_img, #cf9.liveEventsActive .one_img, #cf10.liveEventsActive .one_img {
display: none;
}
Wszystko ok działa ale chce dorobić animacje przejscia i niestety nie da się ma ktos pomysł jak to zrobić?