https://tidioutecharter.com/js/slider.js

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