<script> (function ($) { $(function () { load(); }); function load() { /*preload backgrouond bilder startseite*/ preload([ '/wp-content/uploads/2022/09/fv-de_0000_Home-1.png', '/wp-content/uploads/2022/09/fv-de_0000_Home-2.png', '/wp-content/uploads/2022/09/fv-de_0000_Home-3.png', '/wp-content/uploads/2022/09/fv-de_0000_Home-4.png', ]); /*animation startseite*/ jQuery('img').css('background-image','url("/wp-content/uploads/2022/09/fv-de_0000_Home-1.png")'); jQuery('.gss-home__mainbg').delay(200).fadeTo(100, 0.9, function() { jQuery(this).css('background-image', 'url(/wp-content/uploads/2022/09/fv-de_0000_Home-2.png)'); }).fadeTo(100, 1); jQuery('.gss-home__mainbg').delay(400).fadeTo(100, 0.9, function() { jQuery(this).css('background-image', 'url(/wp-content/uploads/2022/09/fv-de_0000_Home-3.png)'); }).fadeTo(100, 1); jQuery('.gss-home__mainbg').delay(600).fadeTo(100, 0.9, function() { jQuery(this).css('background-image', 'url(/wp-content/uploads/2022/09/fv-de_0000_Home-4.png)'); }).fadeTo(100, 1); }); function preload(arrayOfImages) { jQuery(arrayOfImages).each(function(){ jQuery('<img/>')[0].src = this; // Alternatively you could use: // (new Image()).src = this; }); } })(jQuery); </script>