Изменить размер фона с помощью jquery

Я хочу изменить размер фона изображения на ширину и высоту, которые хочет пользователь.

У меня есть форма, в которой пользователь может ввести правильную ширину и высоту

   <input type="text" class="form-control input-width input-px" maxlength="2" name="width">PX breed
   <input type="text" class="form-control input-height input-px" maxlength="2" name="height">PX hoog

и если ввод изменится, я хочу изменить размер фона на значение поля ввода

      $(".input-px").on("change", function()
      {

          width = $(".input-width").val()+"px";
          height = $(".input-height").val()+"px"

          $(".source").css("background-size", width + height );

      })

Я не получаю никаких ошибок, но он также не меняет ширину/высоту.


jquery background-size
person Keith666    schedule 18.06.2015    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Я считаю, что вы должны сделать следующее:

$(".source").css("background-size", width + ', ' + height );

Как вы это делаете, вы делаете сумму ширины и высоты, в css размер фона принимает 2 числа, разделенные запятой.

person taxicala    schedule 18.06.2015

arrow_upward
1
arrow_downward

Я думаю, вам не хватает пробела при вводе текста фонового размера.

$(".source").css("background-size", width + " " + height );
person msinnes    schedule 18.06.2015