https://kellybadge.co.uk/js/slider.js

1(function($){  
2
3    $.fn.s3Slider = function(vars) {       
4        
5        var element     = this;
6        var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;
7        var current     = null;
8        var timeOutFn   = null;
9        var faderStat   = true;
10        var mOver       = false;
11        var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");
12        var itemsSpan   = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
13            
14        items.each(function(i) {
15    
16            $(items[i]).mouseover(function() {
17               mOver = true;
18            });
19            
20            $(items[i]).mouseout(function() {
21                mOver   = false;
22                fadeElement(true);
23            });
24            
25        });
26        
27        var fadeElement = function(isMouseOut) {
28            var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
29            thisTimeOut = (faderStat) ? 10 : thisTimeOut;
30            if(items.length > 0) {
31                timeOutFn = setTimeout(makeSlider, thisTimeOut);
32            } else {
33                console.log("Poof..");
34            }
35        }
36        
37        var makeSlider = function() {
38            current = (current != null) ? current : items[(items.length-1)];
39            var currNo      = jQuery.inArray(current, items) + 1
40            currNo = (currNo == items.length) ? 0 : (currNo - 1);
41            var newMargin   = $(element).width() * currNo;
42            if(faderStat == true) {
43                if(!mOver) {
44                    $(items[currNo]).fadeIn((timeOut/6), function() {
45                        if($(itemsSpan[currNo]).css('bottom') == 0) {
46                            $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
47                                faderStat = false;
48                                current = items[currNo];
49                                if(!mOver) {
50                                    fadeElement(false);
51                                }
52                            });
53                        } else {
54                            $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
55                                faderStat = false;
56                                current = items[currNo];
57                                if(!mOver) {
58                                    fadeElement(false);
59                                }
60                            });
61                        }
62                    });
63                }
64            } else {
65                if(!mOver) {
66                    if($(itemsSpan[currNo]).css('bottom') == 0) {
67                        $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
68                            $(items[currNo]).fadeOut((timeOut/6), function() {
69                                faderStat = true;
70                                current = items[(currNo+1)];
71                                if(!mOver) {
72                                    fadeElement(false);
73                                }
74                            });
75                        });
76                    } else {
77                        $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
78                        $(items[currNo]).fadeOut((timeOut/6), function() {
79                                faderStat = true;
80                                current = items[(currNo+1)];
81                                if(!mOver) {
82                                    fadeElement(false);
83                                }
84                            });
85                        });
86                    }
87                }
88            }
89        }
90        
91        makeSlider();
92
93    };  
94
95})(jQuery);  
96