在网站上更改背景

时间:2013-06-28 20:07:00

标签: jquery background

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

0 个答案:

没有答案