Изменение фона на веб-сайте

Question

Привет всем, я недавно создал новый веб-сайт, и чтобы Фон оставался неподвижным и не повторялся при увеличении и уменьшении масштаба, я нашел некоторый код, который делает это. Я не программист, поэтому я не знаю, как делать то, что я хочу сделать здесь. Я хотел бы взять этот код, который я использую, и да, кстати, его бесплатный код. И измените его, чтобы отмечать различные фоновые изображения либо ежедневно, либо при обновлении страницы, либо один из них будет работать. Может ли кто-нибудь помочь мне с этим. Я вставлю код ниже. Мой div и css

<div id="bgimgwrapper">
    <img alt="" src="/images/background/Naples_color.jpg" id="bgimg" 
         style="width: 100%;" />
</div> 

<script
    src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
</script>
<script
    src="//google-code-prettify.googlecode.com/svn/trunk/src/prettify.js">
</script>
<script>
(function ($) {
    var pr = 0,
        bgWidth = true,
        bgResize;

    bgResize = function () {
        var wr = $(window).width() / $(window).height();

        if (wr > pr && !bgWidth) {
            $('#bgimg').css('width', '100%').css('height', '');
            bgWidth = true;
        } else if (wr < pr && bgWidth) {
            $('#bgimg').css('height', '100%').css('width', '');
            bgWidth = false;
        }
    };

    $(document).ready(function () {
        var img = $('#bgimg');
        if (img.height()) {
            pr = $('#bgimg').width() / $('#bgimg').height();
            bgResize();
        } else {
            img.load(function () {
                pr = $('#bgimg').width() / $('#bgimg').height();
                bgResize();
            });
        }

        $(window).resize(bgResize);

    });
})(jQuery);
</script>