рассчитать высоту и применить к div с помощью jquery

Question

рассчитать высоту и применить к div с помощью jquery

0

У меня есть изображение баннера, которое видно только, когда я устанавливаю фиксированную высоту, я хочу сделать ее отзывчивой, поэтому единственный способ, которым я думал, - это вычислить высоту изображения с шириной окна.

функция вычисления высоты: windowWidth/1.845

как я могу применить эту функцию к div css с jquery/javascript?

Я пробовал эту функцию, но она не работала

    $(document).ready(function(){
  var originalWidth = $( window ).width();
  var newHeight = originalWidth/+(1.845)
; 


  function resize() {
    $("#ei-slider").css("height", newHeight); 

  }

  $(".target").each(resize);
  $(document).resize(function(){
      $("ei-slider").each(resize);
  });
});

user3341311 23 фев. 2014, в 14:43

Источник

0

Каковы размеры вашего баннера?
Patriotec 23 фев. 2014, в 13:38
0

Вы пропускаете $("ei-slider").each(resize); что-то здесь? . перед ei-slider ?
Pranav C Balan 23 фев. 2014, в 13:41

Теги:

javascript

jquery

slider

height

2 ответа

Ещё вопросы

Вы пропускаете $("ei-slider").each(resize); что-то здесь? . перед ei-slider ?

rolo1091 · Answer 1 · 2014-02-23T12-40-00.000Z

Попробуйте добавить(), когда вы вызываете изменение своей функции

$(".target").each(resize());
  $(document).resize(function(){
      $(".ei-slider").each(resize());
  });

Кроме того, вы пропустите точку перед ei-slider

И я настоятельно рекомендую вам использовать backstretch jquery plugin. http://srobbin.com/jquery-plugins/backstretch/

это сработало (код), но только при первой загрузке страницы! когда я изменяю размер, он не меняется! во всяком случае, это была огромная помощь, спасибо Роло!
Попробуйте прикрепить метод resize к окну $ (window) .resize ...

Bill Criswell · Answer 2 · 2014-02-23T12-32-00.000Z

Почему изображение отображается только при установке фиксированной высоты? Изображение было бы "отзывчивым" автоматически, если бы вы сделали это в своем CSS.

img {
  max-width: 100%;
  width: 100%;
}

Однако, если вам нужно делать другие вещи при изменении размера, вы, вероятно, захотите прослушивать размеры на window а не на document.

$(document).ready(function () {

  var $window = $(window);
  var originalWidth = $window.width();
  var newHeight = originalWidth / 1.845; 

  function resize() {
    // This will be .target or .ei-slider based on where it called.
    $(this).css("height", newHeight);
  };

  $(".target").each(resize);

  $window.on('resize', function(){
      $(".ei-slider").each(resize);
  });

});