Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы Как узнать высоту изображения, которое на половину скрыто

Как узнать высоту изображения, которое на половину скрыто


     01.10.2014    Общие вопросы, Общие вопросы по вёрстке    1209

вопрос
Здравствуйте, сейчас ломалю голову, как кроссбраузерно узнать высоту изображения, которое немного скрыто родительским блоком. Вот пример (css пропишу через style):

<div style="width:100%;height:500px;overflow:hidden" class="abc">
    <img src="/tdfgdfg.jpg" style="width:100%;"/>
</div>

Поясню: есть блок, типо рамки, который растянут 100% по ширине, имеет высоту 500пкс, и преувеличение скрывает. Внутри него есть изображение которое растянуто на 100% по ширине и имеет автоматическую высоту, по пропорциям.
Когда я хочу узнать высоту изображения (например у его высота 700пкс) - мне скрипт выдаёт всегда 500пкс.

$('.abc img').height();


Как можно это исправить и узнать высоту всего изображения а не только видимой части. Заранее благодарен!

Ответа пока нет


Комментарии пользователей (6)

FastFud
50

1599 | 588

FastFud - 1 октября 2014 17:06 - Юзер

Все нормально работает. Просто не надо давать ширину 100% картинке с шириной 500px;
Пример

vk_159926832
206 | 5

vk_159926832 - 1 октября 2014 17:16 - Юзер

Спасибо вам огромное! Исправил

vk_159926832
206 | 5

vk_159926832 - 1 октября 2014 17:43 - Юзер

А вот можно еще вопрос, а как правильно передать переменную из функции в другую функцию, например
$('img.image').load(function(){
    var variable = "12345";
});

$('img.image').click(function(){
    alert(variable);
});

FastFud
50

1599 | 588

FastFud - 1 октября 2014 17:52 - Юзер


vitnet
218

2174 | 930

vitnet - 1 октября 2014 17:27 - Эксперт

***Комментарий удален***

vk_159926832
206 | 5

vk_159926832 - 1 октября 2014 17:51 - Юзер

Спасибо и вам, я уже разобрался))))

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы