Блог

Главная - Вопросы по программированию - Получить высоту изображения и применить эту высоту к другому div, чтобы они совпадали

Получить высоту изображения и применить эту высоту к другому div, чтобы они совпадали

#jquery #css #height

#jquery #css #высота

Вопрос:

У меня есть изображение, для которого мне нужно получить высоту (потому что оно разное на каждой странице) и применить ту же высоту к другому div на странице.

Вот мой код

 $().ready(function() {
    $(".myimage img").load(function() {
        var imageHeight = $(this).height();
        $('.somebox').css("height",imageHeight);

    });
});

Вот ссылка на мой jsfiddle моей попытки:
http://jsfiddle.net/mGB5Y /

Ответ №1:

 $(document).ready(function() {
    $("img.myimage").each(function() {
        $('.somebox').css("height",$(this).innerHeight());
    });
});

Бонус: рабочая скрипка

Или, еще лучше:

 $(document).ready(function() {
    $('.somebox').css("height",$("img.myimage").innerHeight());
});

Комментарии:

1. Пожалуйста. Если вы можете и чувствуете, что ответ правильный, вы должны принять его, щелкнув галочку слева от него. Кроме того, добро пожаловать в SO, надеюсь, вы останетесь!

2. Hmm…it похоже, он не работает над моей живой реализацией. Я получаю height =»0″ при использовании его с Drupal. На странице есть несколько изображений (все одинакового размера), влияет ли это на это? Есть идеи?

3. Можете ли вы опубликовать ссылку на свой live?

4. Uncaught SyntaxError: Unexpected token < в вашем js_injector_1.js — у вас не может быть <script> тегов там!

5. Спасибо, но я отключил это, и все равно не повезло.