Добрый день.
Не пойму как можно применить свойство аттрибута height для каждого ul li элемента.
Есть структура списка
...
<div class="list">
<ul class="no_mark">
<li id="<?=$i?>"><img src="<?=$src?>"/>Фото номер <?=$i?></li>
</ul>
</div>
...
Проблема в том что картинки все разного размера , и из за этого li у которых маленькие картинки идут с "пустыми местами" после фоток, у больших все норм так как они растягиваються во весь ли.
Решил сделать такой код который бы убирал "пустые места".
<script type="text/javascript">
$(document).ready(function(){
$('a.NaviIco').click(function(){
for(var i=0;i<$('.list ul li').size();i++){
if($('.list ul li img').eq(i).height() < '70' )
$('.list ul li').eq(i).css('height','100px');
}
});
});
</script>
не пашет
(точнее пашет,но немного неправильно чтоли =))
Может есть другие способы какие-нибудь?
PS:К сожалению размер фото просто нельзя поменять.
Смысл в том что нужно пройти каждый li посмотреть в зависимости от текста его размер и если текста мало, то height сделать меньше.
Спасибо большое всем, оставил так как написал {ksa} ,ток цикл по li. Предложили еще вариант о том что Description сократить до трех строк ,а потом в div'e скрытом его полностью раскрывать как на картинках,увеличивая заодно height li.
