Вход • Регистрация

Многослойный слайдер

  •
  • 20 октября 2016 г. , редакция: 20 октября 2016 г.
  • Коллеги, подскажите пожалуйста, может кто уже делал многослойный слайдер, как вывести два изображения и текст от 1 изображения в 1 слайде?
    Сейчас сделала такую страшную конструкцию, но почему-то во втором слайде текста и второго изображения нету (((
    Код
    echo ' <ul class="slides">';

    $s = 1;

    foreach ($result as $row)
    {
    //вывод фона слайда - первое изображение
    if ($s == 1 or $s == 3 or $s == 5) {
    echo '<li class="slide img'.$s.'" style="background-image:url('.(! empty($row['image']) ? BASE_PATH.USERFILES.'/bs/'.$row['image'] : '').')">';
    }

    else {

    echo '<div class="flex_caption img'.$s.'">';

    //вывод второго изображения
    if (! empty($row['image'])) {
    echo '<img class="image-slide" src="'.BASE_PATH.USERFILES.'/bs/'.$row['image'].'" alt="'.(! empty($row['alt']) ? $row['alt'] : '').'" title="'.(! empty($row['title']) ? $row['title'] : '').'">';
    }

    //вывод описания ко второму изображению
    echo '<div class="text-slide">';
    if (! empty($row['text']))
    {
    echo $row['text'];

    }
    //вывод ссылки, если задана
    if (! empty($row['link']))
    {
    echo '<a href="'.$row['link'].'" class="js_bs_counter bs_counter btn-transparent slider-button slide_btn" rel="'.$row['id'].'" '.(! empty($row['target_blank']) ? 'target="_blank"' : '').'>'.$this->diafan->_("Подробнее").'</a>';
    }
    echo '</div>';
    echo '</div>';

    }
    if ($s == 2 or $s == 4 or $s == 6) {
    echo '</li>';
    }
    $s++;
    }

    echo '</ul>';


    Поделитесь опытом. Может вообще надо по другому это делать?
    UPD: поправляю код)
    • 20 октября 2016 г.
    • в фотошопе соедините 2 картинки))
      а если по делу, то затолкать в 1 слайд 2 картинки
      Сделайте счетчик по изображениям. Открывайте <div> со слайдом, через цикл проверяйте количество картинок, если их 2, то закрывайте </div> и сразу открывайте новый.
      Как то так
      •
      • 20 октября 2016 г. , редакция: 20 октября 2016 г.
      • ну я как бы второй вариант и сделала)
        А первый вариант уже совсем не вариант, т.к. хочется динамических и красивых многослойных слайдеров
        Вот таких: https://kreaturamedia.com/layerslider-responsive-jquery-slider-plugin/
        И чтобы редактировались из админки)))
  •
  • 20 октября 2016 г. , редакция: 20 октября 2016 г.
  • Я тормоз))) в настройках show_block было 3 изображения
    Все работает)))

    Но если тру-пиэйчписты прокомментируют как можно эту конструкцию сократить, сделать элегантней, то я только ЗА.

Новости

  • Вышла очередная сборка DIAFAN.CMS 7.2.2
  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
Все новости

Форум

Перейти на форум