https://mag.aujourdhui.com/js/infinite-rotator.js

1// Copyright (c) 2010 TrendMedia Technologies, Inc., Brian McNitt. 
2// All rights reserved.
3//
4// Released under the GPL license
5// http://www.opensource.org/licenses/gpl-license.php
6//
7// **********************************************************************
8// This program is distributed in the hope that it will be useful, but
9// WITHOUT ANY WARRANTY; without even the implied warranty of
10// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
11// **********************************************************************
12
13$(window).load(function () {	//start after HTML, images have loaded
14
15    var InfiniteRotator =
16	{
17	    init: function () {
18	        //initial fade-in time (in milliseconds)
19	        var initialFadeIn = 1000;
20
21	        //interval between items (in milliseconds)
22	        var itemInterval = 5000;
23
24	        //cross-fade time (in milliseconds)
25	        var fadeTime = 2500;
26
27	        //count number of items
28	        var numberOfItems = $('.rotating-item').length;
29
30	        //set current item
31	        var currentItem = 0;
32
33	        //show first item
34	        $('.rotating-item').eq(currentItem).fadeIn(initialFadeIn);
35
36	        //loop through the items		
37	        var infiniteLoop = setInterval(function () {
38	            $('.rotating-item').eq(currentItem).fadeOut(fadeTime);
39
40	            if (currentItem == numberOfItems - 1) {
41	                currentItem = 0;
42	            } else {
43	                currentItem++;
44	            }
45	            $('.rotating-item').eq(currentItem).fadeIn(fadeTime);
46
47	        }, itemInterval);
48	    }
49	};
50
51    InfiniteRotator.init();
52
53});