'Random Background Images

I wanted to have a random background image each time a page loads, from a list of 5 images.

I was trying to follow this questions,

but it never gets officially answered, and I can't quite make it work. It feels like it should work though, and I might be missing something simple.

I want to put this in the _Layout page, so it applies to each page. It's kind of TMI, but I'm in VS2019, asp core mvc in c#.

This is what I got:

<head>
<style>...</style>
<script type="text/javascript">
        var totalCount = 8;
        function ChangeIt() {
            var num = Math.ceil(Math.random() * totalCount);
            document.body.background = 'assets/bgImages/' + num + '.jpg';
            document.body.style.backgroundRepeat = "repeat";    // Background repeat
        }
    </script>
</head>
<body>...</body>

</html>
<script type="text/javascript">
    ChangeIt();
</script>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Random Background Images

Sources

Related Questions