растягивание div под загруженую картинку
Доброго времени суток, вопрос: есть слайдер, который грузит в себя картинки в DIV, если картинка первая большая по высоте, в следующие картинки маленькие, то под маленькими картинками в загруженный DIV остается много пустого пространства, если же первая идет маленькая, а потом большие, большие просто урезаются, как можно с помощью JS контролировать высоту DIV с его его содержимым?
|
Цитата:
Прочитать размер картинки (содержимого) и присвоить нужный размер тому ДИВу...
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
div {
border: 1px solid;
}
</style>
<script type="text/javascript">
function test(Obj) {
var o=Obj.parentNode;
o.style.height=(Obj.offsetHeight+10)+'px';
o.style.width=(Obj.offsetWidth+10)+'px';
};
</script>
</head>
<body>
<div>
<img src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif' onload='test(this)' />
</div>
</body>
</html>
|
ситуация такая:
<div id="slayder"> <div class="container_12 carousel"> <div id="slides_two_new"> <div class="slides_container" > // подключаюсь к базе через SQL запрос <div class="div_slaydes_block" onload='test(this)> <div class="description"> // код загрузки картинки через SQL </div> </div> </div> </div> </div> </div> </div> перед slayder доабавил ваш JS код, и в результате не изменилось :cray: |
Alfer,
Если "classDIV" - класс всех div с картинками, присваивать скриптом данному классу жестко высоту первой картинки( ширина должна быть auto тогда картинкам css устанавливаем
div.classDIV img{
height:100%;
width:auto;
}
|
Цитата:
Т.е. мой вариант это намек на решение твоей проблема, а не собственно решении её. ;) |
ага я понял, просто бъюсь над поиском решения который день, и все без результатно
|
Цитата:
1. Читать размеры картинки и постраивать верхний див 2. Рамку делать жестко определенного размера, а картинку уже масштабировать и позиционировать |
Цитата:
Цитата:
|
Цитата:
Пока автор писал про проблемы с тем "растягиванием" и спрашивал как это решается на JS. Цитата:
|
| Часовой пояс GMT +3, время: 22:46. |