Hello dear friends
I wrote a function that is basically a series of images with an animation function, which I want to use as a slider, but when I put it in the setInterval function to do it every 8 seconds, for example, instead of repeating, it delays 8 seconds and once the function Does, the code I wrote:
setInterval(function () { myslider() }, 3000);
function myslider() {
$('#slide-one-one').delay(500).fadeIn();
$('#slide-one-two').delay(1500).animate({ 'opacity': '1', 'top': '150px', 'z-index': '3' });
$('#slide-titr-one').delay(2500).animate({ 'opacity': '1', 'left': '600px', 'top': '40px', 'font-size': '60px' }, 'fast', function () {
$('#slide-one').delay(2000).fadeOut(function () {
$('#slide-two-two').animate({ 'width': '280px', 'height': '437px' }, function () {
$('#slide-two-man').animate({ 'bottom': '0px' }, function () {
$('#slide-two-titr').fadeIn('slow').animate({ 'left': '750px', 'top': '80px' }, function () {
$('#slide-two-one').animate({ 'opacity': '1' }, function () {
$('#slide-two').delay(2000).fadeOut(function () {
$('#slide-tree-one').animate({ 'height': '270px' }, function () {
$('#slide-tree-titr').animate({ 'opacity': '1' }, 'slow', function () {
$('#slide-tree-two').fadeIn(function () {
$('#slide-tree-tree').fadeIn(function () {
$('#slide-tree').delay(2000).fadeOut();
});
});
});
});
});
});
});
});
});
});
});
};