Растянуть картинку до конца страницы по высоте (не фоновая картинка)

index1597

Создатель
Регистрация
30 Ноя 2013
Сообщения
24
Реакции
1
Всем доброго времени суток.
Вот такой вот, возможно, глупый вопрос: Как растянуть картинку (не фоновую), которая вставлена в html в виде: <img src="...."> по высоте до конца страницы?
В качестве эксперимента: Для просмотра ссылки Войди или Зарегистрируйся
Нужно растянуть шторки до самого конца страницы с учётом адаптивности...
 
Сделать ее бекграундом и
Код:
-moz-background-size: 100%;
-webkit-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
 
Сделать ее бекграундом и
Код:
-moz-background-size: 100%;
-webkit-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
Так не получается, она всё равно не до конца страницы, если например отредактировать html этой страницы: Для просмотра ссылки Войди или Зарегистрируйся
и продублировать 30 логотипов - <img class="logo" src="images/buildinter.png">
То шторки всё равно не до конца страницы, а только лишь до конца разрешения монитора.
Вот, что получается: Для просмотра ссылки Войди или Зарегистрируйся
 
Последнее редактирование:
было дело запаривался с похожей проблемой, решил таким способом:
написал скрип jquery, одна строчка узнаем размер страницы, вторая строчка: рамер картинки = размер страницы, jquery не силен, код написать не смогу, но пищу для ума надеюсь дал
--
main {
h=getHeight;
img.classimg.width=h;
}
--
приведенный выше код компилиться только в моей голове)
 
было дело запаривался с похожей проблемой, решил таким способом:
написал скрип jquery, одна строчка узнаем размер страницы, вторая строчка: рамер картинки = размер страницы, jquery не силен, код написать не смогу, но пищу для ума надеюсь дал
Да. Большое спасибо за идею. Буду пробовать реализовать.
 
Да. Большое спасибо за идею. Буду пробовать реализовать.
кстати, если как я не силен в JS то дам совет: не забудь вот такую штуку
$(document).ready(function() {
тут две строчки
});
а то я написал только 2 строчки и ничего не работало, день мучался)
 
как-то так
Код:
var dheight = $(document).height();
$('img.someimage').css({'height':dheight});
 
Назад
Сверху