Beiträge von Sternchen21

<!-- Start Cookie Plugin -->
<script>
window.CookieHinweis_options = {
message: 'Diese Website nutzt Cookies, um bestmögliche Funktionalität bieten zu können. <a href="https://xy.pdf" title="Mehr erfahren"> Erstinformation</a> & ',
agree: 'Ok, verstanden',
learnMore: 'Mehr Infos',
link: 'https:/(xy/datenschutz.php',
theme: 'dunkel-unten1'
};
</script>
<script src="https://.de/cookiehinweis/script.js"></script>
<!-- Ende Cookie Plugin -->

Wenn ich den Teil von Script - Script in meine Java Datei packe, dann erscheint Datenschutz und Mehr Infos leider nicht mehr bei dem Hinweis

2) Lazy Loading.

<!-- intersective customization – LAZY LOADING -->
<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.4.0/dist/lazyload.min.js"></script>

 <script> 
  
      (function() {
        function logElementEvent(eventName, element) {
          console.log(
            Date.now(),
            eventName,
            element.getAttribute("data-src")
          );
        }

        var callback_enter = function(element) {
          logElementEvent("🔑 ENTERED", element);
        };
        var callback_exit = function(element) {
          logElementEvent("🚪 EXITED", element);
        };
        var callback_reveal = function(element) {
          logElementEvent("👁️ REVEALED", element);
        };
        var callback_loaded = function(element) {
          logElementEvent("👍 LOADED", element);
        };
        var callback_error = function(element) {
          logElementEvent("💀 ERROR", element);
          element.src =
            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
        };
        var callback_finish = function() {
          logElementEvent("✔️ FINISHED", document.documentElement);
        };

        var ll = new LazyLoad({
          // Assign the callbacks defined above
          callback_enter: callback_enter,
          callback_exit: callback_exit,
          callback_reveal: callback_reveal,
          callback_loaded: callback_loaded,
          callback_error: callback_error,
          callback_finish: callback_finish
        });




        function logElementEvent(eventName, element) {
          console.log(
            Date.now(),
            eventName,
            element.getAttribute("data-bg")
          );
        }

        var callback_enter = function(element) {
          logElementEvent("🔑 ENTERED", element);
        };
        var callback_exit = function(element) {
          logElementEvent("🚪 EXITED", element);
        };
        var callback_reveal = function(element) {
          logElementEvent("👁️ REVEALED", element);
        };
        var callback_loaded = function(element) {
          logElementEvent("👍 LOADED", element);
        };
        var callback_error = function(element) {
          logElementEvent("💀 ERROR", element);
          element.src =
            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
        };
        var callback_finish = function() {
          logElementEvent("✔️ FINISHED", document.documentElement);
        };

        LL = new LazyLoad({
          elements_selector: "section",
          // Assign the callbacks defined above
          callback_enter: callback_enter,
          callback_exit: callback_exit,
          callback_reveal: callback_reveal,
          callback_loaded: callback_loaded,
          callback_error: callback_error,
          callback_finish: callback_finish
        });

      })();


</script>


Diesen Teil möchte ich unbedingt aus dem Script haben :/ Wenn ich aber auch hier Script-Sript in die normale Java Datei auslagere, dann werden die Bilder, die das Atribut "lazy" haben, leider gar nicht :(


Habt ihr Tipps für mich, was ich machen muss, damit ich es hinbekomme? :( 
Oder ist das evtl gar nicht sinnvoll?

Liebe Grüße :)