Romrius,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$(".banner").each(function(indx, el) {
var banners = $("div", el).toArray();
var settings = function() {
this.banners = banners;
this.sum = this.banners.length;
this.timeIn = 1000;
this.timeOut = 1000;
this.timeView = 2000
};
var obj = new settings;
if (obj.sum < 1) $(el).html("<p>DO NOT IMAGES</p>");
else {
$("div", el).css({
"display": "none"
});
var adBanner = $("<div></div>").prependTo(el),
num = 0;
view()
}
function view() {
$(obj.banners[num]).clone().prependTo(adBanner).fadeIn(obj.timeIn, function() {
$(this).delay(obj.timeView).fadeOut(obj.timeOut,
function() {
$(this).remove();
num = ++num % obj.sum;
view()
})
})
}
})
});
</script>
</head>
<body>
<div class="banner">
<div>
<img src="http://img-fotki.yandex.ru/get/5640/35900228.10c/0_7388e_3ab59b4a_XL.jpeg.jpg" title="4" />
</div>
<div>
<img src="http://1.bp.blogspot.com/-aleHkBUuqOI/VY0HrCytsXI/AAAAAAAAq1g/f2emGtdqdWo/s640/2015-06-05_0145.jpg" title="5" />
</div>
</div>
<div class="banner">
<div>
<img src="http://static.mnogonado.net/images/img.php?w=250&l=%2Fstore%2Fimage%2F800x600_qdv_57108c999ba0b1775c4bfe263023fb6a_1474795-404.png" title="1" />
</div>
<div>
<img src="http://rugirlz.com/pics/hv_dp20088034.jpg" title="2" />
</div>
<div>
<img src="https://im1-tub-ru.yandex.net/i?id=34d38102784fbb45657d73def5d2178f-l&n=13" title="3" />
</div>
</div>
</body>
</html>