https://hks.schule/wp-content/themes/picostrap5-child-base/js/custom.js?v=4

1jQuery( document ).ready( function($) { 
2
3
4  function setupReloadListener() {
5      const acceptBtn = $( ".ccm--save-settings" );
6      if ( acceptBtn.length ) {
7          acceptBtn.off( 'click.ccm19reload' ).on( 'click.ccm19reload', function() {
8              setTimeout(function() {
9                  location.reload();
10              }, 1000 );
11          });
12      } else {
13          setTimeout( setupReloadListener, 1000 );
14      }
15  }
16
17  if ( $( ".container-contact" ).length > 0 || $( ".container-standorte" ).length > 0 ) 
18    setupReloadListener();
19
20const lightbox = GLightbox({
21  touchNavigation: true,
22  loop: false,
23  draggable: false,
24  zoomable: false,
25  moreText: 'mehr',
26  preload: false,
27});
28
29  // News Slider
30  let bildbreite = window.innerWidth;
31  const elementbreite = $('#sliderTrack').width();
32
33  let laufgeschwindigkeit = (1920 + elementbreite) / 40; // 40s in 1920
34  let dauer = (bildbreite + elementbreite) / laufgeschwindigkeit;
35
36  $('#sliderTrack').css("transition", "left "+ dauer +"s linear");
37  setTimeout(function(){
38    $('#sliderTrack').css("left", 0 - elementbreite);
39    $('#sliderTrack').on('transitionend', function(event) {
40      $('#sliderTrack2').css("transition", "left "+ dauer +"s linear");
41      $('#sliderTrack2').css("left", 0 - elementbreite);  
42      $('#sliderTrack').css("transition", "none");
43      $('#sliderTrack').css("left", "100%");
44    });
45    $('#sliderTrack2').on('transitionend', function(event) {
46        $('#sliderTrack').css("transition", "left "+ dauer +"s linear");
47        $('#sliderTrack').css("left", 0 - elementbreite);
48        $('#sliderTrack2').css("transition", "none");
49        $('#sliderTrack2').css("left", "100%");
50    });
51}, 20);
52  $(window).on("resize", function(){
53    bildbreite = window.innerWidth;
54    dauer = (bildbreite + elementbreite) / laufgeschwindigkeit;
55    $('#sliderTrack2').css("transition", "left "+ dauer +"s linear");
56    $('#sliderTrack').css("transition", "left "+ dauer +"s linear");
57  });
58
59});
60let currentspeakingbutton = null;
61
62window.startSpeaking = function(ele) {
63  let utterance;
64  let text = '';
65  const test = ele;
66  // console.log(test);
67  currentspeakingbutton = test;
68  currentspeakingbutton.classList.add("speaking");
69  console.log( jQuery(test).parents(".row") );
70  if ( jQuery(test).parent().hasClass( 'textgesamt-uk' ) )
71    text = jQuery(test).parents(".container-textboxen").children(".text").text();
72  else
73    text = jQuery(test).parent().children(".text").text();
74  // console.log(text);
75  // // Falls noch etwas läuft, zuerst stoppen
76  speechSynthesis.cancel();
77  utterance = new SpeechSynthesisUtterance(text);
78
79  utterance.addEventListener("end", (event) => {
80    currentspeakingbutton.classList.remove("speaking");
81  });
82
83  speechSynthesis.speak(utterance);
84}
85window.pauseSpeaking = function(ele) {
86  if (speechSynthesis.speaking && !speechSynthesis.paused) {
87    speechSynthesis.pause();
88  }
89}
90window.resumeSpeaking = function(ele) {
91  if (speechSynthesis.paused) {
92    speechSynthesis.resume();
93  }
94}
95window.stopSpeaking = function(ele) {
96  speechSynthesis.cancel();
97
98  if (currentspeakingbutton) {
99    currentspeakingbutton.classList.remove("speaking");
100    currentspeakingbutton = null;
101  }
102}
103window.addEventListener("beforeunload", function (){
104  if(currentspeakingbutton)
105  {
106    currentspeakingbutton.classList.remove("speaking");
107    speechSynthesis.cancel();
108  }
109});