如果浏览器宽度=,则自动调整图像大小

时间:2011-07-23 16:54:29

标签: javascript jquery autoresize

我今天问了this question并得到了一些很好的答案(感谢那些帮助我的人:))。

现在请看下面的代码。我100%肯定调整大小部分有效,但我的if / else语句不起作用(我仍然是JS新手)。我在前一个主题中也提到了这一点,但有人说我宁愿发一个新问题。

(该脚本应检测某人的浏览器宽度,因此可以调整#fluidimage的大小) 注意:调整大小部分有效。只有viewportwidth检测和if / else语句还没有用。

$(window).load ( function () {

    function resizer (index, measurement) {
        var imageresize = 80;
        var viewportWidth = width();

       if ((viewportWidth >= 1680)) {
            imageresize = 100;
       } else if ((viewportWidth <= 1680) && (viewportWidth > 1280)) {
            imageresize = 80;
       } else if ((viewportWidth <= 1280) &&  (viewportWidth > 1024)) {
            imageresize = 60;
       } else if ((viewportWidth <= 1024) ) {
            imageresize = 40;
       } else {
            imageresize = 100;
       }


        this.wCall = (typeof this.wCall == "null") ? true : this.wCall ^ true;
        return this.wCall ? Math.round (measurement * imageresize / 100) : measurement;
    }
    $("#fluidimage").width (resizer).height (resizer);
} );

1 个答案:

答案 0 :(得分:1)

变化:

var viewportWidth = width();

要:

var viewportWidth = $(window).width();


See it at jsFiddle.