-1

Написал код, чтобы высота картинки была размером как блок для текста, но что то у картинки высота меньше.

function carouselService(){
    $('.carousel-service-item').each( function(){
        var ths  = $(this),
            thsh = ths.find('.carousel-service-content').outerHeight();
        $(this).find('.carousel-service-image').css('min-height', thsh);
    });
}carouselService();


       <div class="owl-carousel carousel-service">
            <div class="carousel-service-item">
                <div class="carousel-service-content">
                    <h5>Brand Developme</h5>
                    <P>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</P>
                </div>
                <!-- /carousel-service-content -->

                <div class="carousel-service-image">

                </div>
                <!-- /carousel-service-image -->
            </div>
            <!-- /carousel-service-item -->
       </div>

введите сюда описание изображения

Помогите исправить пожалуйста

5
  • 1
    Приложите минимальный воспроизводимый пример
    – Cheg
    15 сен 2017 в 16:46
  • я же картинку приложил, что ещё нужно? это же не анимация
    – pavel
    15 сен 2017 в 17:12
  • из картинки видно, что размер картинки меньше чем размер блока для текста
    – pavel
    15 сен 2017 в 17:13
  • $("element").innerHeight(); так же вроде
    – user33274
    16 сен 2017 в 2:11
  • @pavel а вот по вашему куску кода вообще ничего не видно. Если вы ленитесь предоставить воспроизводимый пример, почему кто-то должен не полениться и решить проблему, не зная что решать?
    – Cheg
    16 сен 2017 в 10:47

1 ответ 1

0
$('.carousel-service-item').each( function(){
    // получаем высоту контента включая padding
    var contentH = $(this).find('.carousel-service-content').innerHeight();
    // устанавливаем фиксированную высоту контейнеру с картинкой
    $(this).find('.carousel-service-image').css('height', contentH);
});

обращаю внимание что высота задаётся контейнеру... судя по всему тег "img" потом генерируется? возможно вам необходимо будет прописать css стили для красивого отображения картинки, к примеру:

{ width: 100%; height:100%, object-fit: cover; }

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.