Как сделать слайдер на Bootstrap?

Djinn 27.12.2015 Шаблоны (TPL), jQuery 2420

вопрос

Привет всем! Делаю слайдер на Bootstrap вот такой carousel и столкнулся с проблемой вывода постов в нем через {custom}.

Проблема в том что первый пост должен быть активным в слайдере добавляя класс active а остальные уже за ним сами тянутся по очереди...

Показать / Скрыть текст

<script src="{THEME}/js/bootstrap-carousel.js"></script>
<div id="myCarousel" class="carousel slide">
    <div class="carousel-inner">
        <div class="item active">
            <img src="rolf-bertz-devushka-robot.jpg" alt="">
            <div class="carousel-caption">
                <p>Принимаясь за дело, соберись с духом.</p>
            </div>
        </div>
        <div class="item">
            <img src="tehnika-mashina.jpg" alt="">
            <div class="carousel-caption">
                <p>Часами измеряется время, а временем жизнь человеческая; но чем, скажи, измеришь ты глубину Восточного океана?</p>
            </div>
        </div>
        <div class="item">
            <img src="buduschee-voyna-robot-ulica-dym.jpg" alt="">
            <div class="carousel-caption">
                <p>Многие вещи нам непонятны не потому, что наши понятия слабы; но потому, что сии вещи не входят в круг наших понятий.</p>
            </div>
        </div>
    </div>
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
</div>

Не пойму как составить шаблон для {custom} и прописывать класс active именно к первому посту?

Ответа пока нет

9 комментариев

PHP-developer

2578

vitnet - 2015-07-0327 декабря 2015 20:26 - #51365

engine/modules/show.custom.php

найти

    $tpl->set( '', $news_find );

добавить ниже

    $tpl->set( '{active}', ($i == '1' ? 'active' : '') );

использовать тег {active}

пример: main.tpl

Показать / Скрыть текст

                        <div id="myCarousel" class="carousel slide">
                            <div class="carousel-inner">
                                {custom template="custom"}
                            </div>
                            <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
                            <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
                        </div>

custom.tpl

        <div class="item {active}">
            <img src="rolf-bertz-devushka-robot.jpg" alt="">
            <div class="carousel-caption">
                <p>{title}</p>
            </div>
        </div>

PHP-developer

1691

LazyDev - 2015-07-0327 декабря 2015 20:28 - #51366

[newscount=x] текст [/newscount]

- Выводит текст указанный в тегах если показывается X новость, где X это число показываемой на странице новости. Например

[newscount=1] текст [/newscount]

покажет текст при показе первой по счету на странице новости.

Этот тег уже не подходит ?

Мой блог: LazyDev.pro

Помогаю с решением проблем на платной основе.

PHP-developer

2578

vitnet - 2015-07-0327 декабря 2015 20:55 - #51367

И правда есть этот тег ;), не заметил.

Юзер

Djinn - 2015-07-0327 декабря 2015 21:06 - #51369

Цитата: Gameer

newscount=x

Я читал тут Документация и ничего не увидел про тег

[newscount=x] текст [/newscount]

ведь речь шла о шаблоне для {custom}.

В итоге вывел двумя шаблонами для {custom}.

PHP-developer

1691

LazyDev - 2015-07-0327 декабря 2015 22:49 - #51373

Djinn, для начала нужно понять, что включая с 10.2 (кажись) tpl файлы которые подключаются в теге custom имеют все те же теги что и краткая новость shortstory!

Мой блог: LazyDev.pro

Помогаю с решением проблем на платной основе.