Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Необходимо посчитать количество элементов

Необходимо посчитать количество элементов


     03.11.2013    jQuery    1509

вопрос
Доброго времени суток, уважаемые.
У меня проблема, не могу решить уже целый день.

Есть блоки, в которых содержатся картинки и текст. Нужно посчитать кол-во картинок, и в зависимости от их кол-ва уменьшить их высоту (к примеру: если 1 картинка, то ее ширина должна составлять 200px, если 2 картинки, то их ширина будет 100px.

Код блоков, к примеру такой:

<div class="test">
    Тестовая запись
    <img src="test.png" />
    <img src="test.png" />
    <img src="test.png" />
</div>

Ответил: ПафНутиЙ


<div class="test">
    Тестовая запись
    <img src="test.png" />
    <img src="test.png" />
    <img src="test.png" />
</div>

<script>
jQuery(document).ready(function($) {
    $('.test').each(function() {
        var t = $(this);
        var imgs = t.find('img');
        imgs.height(300/imgs.length);
    });
});
</script>

как то так.

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

grallast
4

31 | 8

grallast - 3 ноября 2013 00:03 - Юзер

Подмечу, что блок не один.

aleps
16 | 7

aleps - 3 ноября 2013 03:49 - Юзер

в теории
.test{
    width:300px;
    height:100px;
    
    }
.test img{
    height:100%
    }

было бы все просто, если предположим что блок ограниченного размера, то в зависимости от кол-во картинок в внутри его их размер будет уменьшаться(либо увеличиваться), правда в процентном соотношении

для подсчета конкретно как вы ищете, мне кажется, тут какими-то скриптами нужно

grallast
4

31 | 8

grallast - 3 ноября 2013 14:21 - Юзер

aleps, со стилями у меня всё в порядке, насмешили) Я же описал: мне нужно менять ширину в зависимости их количества, т.е. если 2 картинки, то их ширина по 100px, если картинка одна, то ее ширина 200px, если три картинки, то ширина их будет по 63px. Чтобы они в блоке отображались в строку. Это и есть скрипт, я же указал категорию "jQuery

grallast
4

31 | 8

grallast - 3 ноября 2013 14:32 - Юзер

ПАФНУТИЙ, я примерно так делал, но суть в том, что есть картинки, которые не нужно уменьшать (смайлы), извиняюсь, что сразу не сказал. Нужно проверять размер каждой картинки и изменять ширину при условии, что ее ширина больше 200px.

grallast
4

31 | 8

grallast - 3 ноября 2013 14:37 - Юзер

Всё, разобрался

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

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