https://dasis.de/modules/vslider/vslider.js?1615651596

1// ====================================================================================
2//  vslider.js - Steuerung Vegas-Slider. Titel, Beschreibung, Pause und noch mehr...
3// ====================================================================================
4
5// Einbringen der animierten Texte
6function vslider_Walk(section_id, title, text, link, ldesc, tanim, tdelay) {
7
8   vslider = "#vslider-"+section_id;
9
10  //console.log("Walking: Titel ["+title+"] Text ["+text+"] link ["+link+"] LDesc ["+ldesc+"] TAnim ["+tanim+"] TDelay ["+tdelay+"]") ;
11
12  // Aufbau der Anzeige
13  inner = '';
14  inner += '<p class="title">'+title+'</p>';
15  inner += '<p class="text">'+text+'</p>';
16  inner += '<p class="link" title="'+link+'"><a href="'+link+'" target="_blank" rel="nofollow">'+ldesc+'</a></p>';
17
18  // Textbereiche erzeugen (Formatierung mit frontend.css)
19  $(vslider+ " .vslider_inner").html(inner);
20
21  // Entferne den Starter fuer die Schriftanimation
22  $(vslider+ " .vslider_inner").removeClass("animate"); 
23
24  // Vorherige Klassen fuer Schriftanimationen entfernen
25  $(vslider+ " .vslider_inner").removeClass("tanim-turnin");
26  $(vslider+ " .vslider_inner").removeClass("tanim-flowin");
27  $(vslider+ " .vslider_inner").removeClass("tanim-slidein");
28  $(vslider+ " .vslider_inner").removeClass("tanim-fadein");
29  $(vslider+ " .vslider_inner").removeClass("tanim-flipin");
30  $(vslider+ " .vslider_inner").removeClass("tanim-none");
31
32  // Nur wenn etwas zum Anzeigen da ist
33  if (title != '' || text != '' || link != '' || ldesc != '') {
34  
35    // Gewuenschte Schriftaninmation aktivieren 
36    $(vslider+ " .vslider_inner").addClass(tanim);
37    
38    // Schriftanimation verzoegert starten
39    setTimeout(vslider_animateTexte, tdelay, vslider);  
40    
41  }
42    
43}
44 
45// Helper: Animation der Texte starten
46function vslider_animateTexte(vslider) {
47  //console.log("Textanimate called for  " + vslider);
48  $(vslider + " .vslider_inner").addClass("animate");
49} 
50
51// Umschalter Pause + Play
52function vslider_Toggle(section_id) {
53  //console.log("Toggle called for  " + vslider);
54  vslider_pauseplay(section_id)
55}
56
57// Pausenzeichen an,aus (getriggrt von 'vegaswalk' und 'vegaspause')
58function vslider_showPause(section_id, state) {
59
60  //console.log("ShowPause ["+state+"] called for  " + vslider);
61  vslider = "#vslider-"+section_id;
62    
63  if (state == 'on') {
64
65    $(vslider+" .vslider_pause").addClass("show");
66    
67  } else {  // 'off'
68  
69    // Nur wenn Play aktiv. 
70    // Navigation bei Pause gibt 'vegaswalk' auch wenn Play noch aus ist.
71    if ($(vslider).vegas('playing')) {
72      $(vslider+" .vslider_pause").removeClass("show");
73    } else {
74      //console.log("ShowPause ["+state+"] ignored. -  Vegas is not in playmode!");
75    }
76    
77  }
78}
79
80// 
81function vslider_pauseplay(section_id) {
82
83  ele     = "#pauseplay-"+section_id;
84  vslider = "#vslider-"+section_id;
85
86  if ($(vslider).vegas('playing')) {
87  // console.log ("pauseplay: Vegas is playing")
88   $(ele+" span").removeClass("fa-pause");
89   $(ele+" span").addClass("fa-play");   
90   $(vslider).vegas('pause');
91  } else {
92  // console.log ("pauseplay: Vegas is NOT playing")
93   $(ele+" span").removeClass("fa-play");
94   $(ele+" span").addClass("fa-pause");
95   $(vslider).vegas('play');   
96  }
97
98}
99
100// Navigation
101function vslider_navigate(section_id, circle, direction) {
102
103  //console.log("Navigate called for  " + vslider+ " with Circle [" + circle + "] and Direction [" + direction + "]");  
104  vslider = "#vslider-"+section_id;
105  
106  switch (direction) {
107  
108    case 'first':
109    
110      $(vslider).vegas('jump', 0);
111      break;
112      
113    case 'previous':
114
115      if (circle == true)  {
116        $(vslider).vegas('previous');
117      } else {
118        if ($(vslider).vegas('current') != 0) {
119          $(vslider).vegas('previous');
120        }
121      }
122          
123      break;
124      
125    case 'next':         
126    
127      if (circle == true)  {
128        $(vslider).vegas('next');
129      } else {
130        if ($(vslider).vegas('current') != vslider_lastSlide (vslider)) {
131          $(vslider).vegas('next');
132        }
133      }
134    
135      break;
136      
137    case 'last':      
138    
139      $(vslider).vegas('jump', vslider_lastSlide (vslider));
140      break;         
141 
142   }
143
144}

144
145
146// Helper for vslider_navigate
147function vslider_lastSlide(vslider) {
148  return $(vslider).vegas('options', 'slides').length - 1;
149}
150
151// Setzen des Bildes fuer das Overlay
152function vslider_setOverlay(section_id, overlay) {
153  //console.log("SetOverlay called for  " + vslider+ " with Overlay [" + overlay + "]");  
154  vslider = "#vslider-"+section_id;
155  $(vslider+ " .vegas-overlay").addClass('ovl' + overlay);
156}
157