Показать сообщение отдельно
  #1 (permalink)  
Старый 03.07.2015, 21:30
Аспирант
Отправить личное сообщение для stem Посмотреть профиль Найти все сообщения от stem
 
Регистрация: 09.03.2013
Сообщений: 36

JS определить высоту img и вписать стиль для другого блока
Всем привет!
Прочитал уже много тем и статей, но никак не могу разобраться.
Читал тут:
http://jquery.page2page.ru/index.php...BD%D1%82%D0%B0
http://www.cyberforum.ru/javascript-...ead368804.html
http://ru.stackoverflow.com/question...BE%D0%BA%D0%B0
Высота div - как определить?

Имеется фоновое изображение со 100% шириной на экран, необходимо определить его высоту и подставить значение в отступ другого блока через style.
Код для определения высоты использую такой:
<script>
    $("#page-header-bg img").css("height", function(i,val){
	return val;
    };
</script>


Еще есть вот такой код, в нем берется высота nav и подставляется style height для фоновой полосы nav на всю ширину, но я в нем не понимаю:
jQuery(window).bind('resize', (function ($) {
    "use strict";
    return function() {
        var menu = jQuery("nav.nav");
        var menuOffset = menu.offset();
        var pageOffset = jQuery('#main').offset();
        if (!menuOffset || !pageOffset) {
            return;
        }
        jQuery("#hmenu-bg").css({
            "height": menu.outerHeight() + "px",
            "top": (menuOffset.top - pageOffset.top) + "px"
        });
    };
})(jQuery));


Другой блок - это меню (<nav class="nav">). Хотелось бы чтобы на странице добавился код:
<style>.nav{margin-top:высота}</style>

или чтобы в сам блок записался стиль вот так
<nav class="nav" style="margin-top:высота">


С моим примером получается только определить высоту, а вот как подставить значение val к другому блоку, увы, не хватает знаний JS

Последний раз редактировалось stem, 03.07.2015 в 21:38.
Ответить с цитированием