Hallo ihr Lieben,
ich nutze die Zwangspause um an meiner Seite zu arbeiten und scheitere einfach massiv daran, meine Java Scripte von der Seite in eine externe Datei auszulagern.
Es geht dabei um die Scripte von dem Cookiehinweis und von LLazy Loading.
1) Cookiehinweis:
Code
<!-- 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 :)
Alles anzeigen