пропорциональное изменение высоты
пропорциональное изменение высоты по отношению к ширине
var hght = $(".box").css("height");
var wdth = $(".box").css("width");
var prop = "hght" + "30px"
$(".box").height(wdth+100);
Короче говоря, не силён я в js. делал так
var wdth = $(".box").width();
$(".box").height(wdth+100);
но ничего не вышло.С начала всё правильно ,но потом при уменьшении окна ничего не меняется.Помогите |
var ratio = 1/2; // высота равна половине ширины
var $box = $('.box'); // кэшируем результат вызова функции
$box.height($box.width() * ratio);
|
Цитата:
|
Цитата:
|
Цитата:
Как и было сказано я не силен в этом, если да, то хотя бы намекните как сделать |
|
Цитата:
Вот,что вышло.Может кому нибудь понадобится. :blink: http://codepen.io/mrguseynov/details/kneiB |
2/1.7 - так дроби не записывают. Лучше 20/17.
Кстати, есть вариант на css, правда он выглядит костыльно: http://codepen.io/anon/pen/pJCmK |
Пробую понять...
Цитата:
Можно чуть подробнее, в чём принцип? |
danik.js,
Вроде, разобрался :) Задавая отступ сверху для вложенного блока в процентах, мы, по-сути, задаём высоту блока-контейнера "по-умолчанию". Хитро! |
| Часовой пояс GMT +3, время: 07:30. |