0

大家好，我最近创建了一个新网站，为了让背景在放大和缩小时保持静止而不重复，我找到了一些可以做到这一点的代码。我不是程序员，所以我不知道如何在这里做我想做的事情。我想使用我正在使用的这个代码，是的，顺便说一句，它的免费代码。并修改它以在每天或刷新页面时勾选不同的背景图像，其中任何一个都可以工作。谁能帮我解决这个问题。我将粘贴下面的代码。我的 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>
4

0 回答 0