модуль карусель с подписями

Тема в разделе "Модули и дополнения", создана пользователем bankomat87, 6 ноя 2015.

  1. bankomat87

    bankomat87 Пользователь

    Сообщения:
    32
    Симпатии:
    2
    подскажите модуль на основе карусели, только с подписями
    картинка+подпись

    или может как то можно модифицировать карусель чтоб добавлять подпись по необходимости?
    v 2.0.3.1 "Русская сборка"
     
  2. Vlad

    Vlad Эксперт

    Сообщения:
    3.943
    Симпатии:
    946
    да проще вручную... если не много и надо быстро.
    в html блоке прописать нужный код..
     
  3. bankomat87

    bankomat87 Пользователь

    Сообщения:
    32
    Симпатии:
    2
    а как вручную?) нужно не запороть модуль карусели, потому что она с картинками без подписей так же нужна)
    предполагаю что нужно продублировать карусель (только вот как этот модуль продублировать не знаю) и куда вручную вписать названия тоже не бумбум...
     
  4. bankomat87

    bankomat87 Пользователь

    Сообщения:
    32
    Симпатии:
    2
    Код:
      <div class="item text-center">
        <?php if ($banner['link']) { ?>
        <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" /></a>
        <?php } else { ?>
        <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" />
        <?php } ?>
      </div>
    если взять <?php echo $banner['title']; ?> и поставить после
    Код:
    <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" />
    , получается кривовато), я не спец в пхп) как можно выравнять по середине, и использовать не страшный шритф?))
     
  5. bankomat87

    bankomat87 Пользователь

    Сообщения:
    32
    Симпатии:
    2
    PHP:
      <div class="item text-center">
        <?php if ($banner['link']) { ?>
        <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" /></a>
        <?php } else { ?>
        <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" />
        <div style="text-align: center;"><?php echo $banner['title']; ?></div>
        <?php ?>
    сделал так, текст не выравнивается почему то... по правому краю стандартно висит
     
    Romans нравится это.
  6. Romans

    Romans Administrator Команда форума

    Сообщения:
    1.343
    Симпатии:
    702
    Текст у вас как раз выравнивается, а вот изображение нет.
    Попробуйте добавить стили в файл стилей
    Код:
    .owl-item div.item img {display: inline-block;}