Автоматическое изменение размера изображения, если ширина браузера =

Question

Я задал этот вопрос сегодня и получил несколько отличных ответов (спасибо ребятам, которые помогли мне там :)).

Теперь, пожалуйста, взгляните на следующий код. Я на 100% уверен, что часть изменения размера работает, но мое утверждение if / else не работает (я все еще новичок в JS). Я также упомянул об этом в моей предыдущей теме, но кто-то сказал, что мне лучше опубликовать новый вопрос.

(Скрипт должен определить ширину браузера, чтобы изменить размер #fluidimage) Примечание: часть изменения размера работает. Только определение области просмотра и оператор 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);
} );

Answer 1

Изменение:

var viewportWidth = width();

Кому:

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

См. JsFiddle.