Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Шаблоны (TPL) » Как сделать слайдер на Bootstrap?

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

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

вопрос

Привет всем! Делаю слайдер на 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

2583

vitnet - 2015-12-2727 декабря 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

1696

LazyDev - 2015-12-2727 декабря 2015 20:28 - #51366

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

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

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

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

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

Мой блог: LazyDev.pro

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

PHP-developer

2583

vitnet - 2015-12-2727 декабря 2015 20:55 - #51367

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

Юзер

Djinn - 2015-12-2727 декабря 2015 21:06 - #51369

Цитата: Gameer

newscount=x

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

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

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

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

PHP-developer

1696

LazyDev - 2015-12-2727 декабря 2015 22:49 - #51373

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

Мой блог: LazyDev.pro

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

Юзер

serovii - 2015-12-2727 декабря 2015 21:33 - #51370

Их в гугле полным полно.

Юзер

Djinn - 2015-12-2727 декабря 2015 22:03 - #51372

serovii,
Чего в гугле полно? Я же ссылку на конкретную статью в документации написал... по шаблону для {custom}..
Или о чем ты?

Юзер

Djinn - 2015-12-2728 декабря 2015 02:06 - #51374

Gameer,

Использовал [newscount=x] текст [/newscount] спасибо.

Эксперт

1925

nowheremany - 2015-12-2728 декабря 2015 16:30 - #51376

$('#myCarousel').carousel(0)

.carousel(число)
Прокрутки карусели до определенного кадра (начиная с 0, подобно массиву).

Благодарность принимаю тут Связь

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

Выборка категории модулем

19.02.2012 SlimYalta Шаблоны (TPL), Общие вопросы по PHP

Слайдер

16.07.2012 5centr5 Шаблоны (TPL), Стили (CSS)

Слайдер. ошибка

08.08.2014 panov Шаблоны (TPL)

Нужна помощь по адаптации слайдера

08.09.2014 Arsen Шаблоны (TPL)

Как обновить bootstrap 2.3.2 до 3.0.2?

29.01.2015 Мефестофель Шаблоны (TPL), Стили (CSS)

Как разобраться в совмещенных скриптах переключателя вкладок и слайдера?

21.02.2015 NikitoS3000 Шаблоны (TPL), jQuery

Помогите пожалуйста, фильмы отображаются не в том разделе?

08.03.2015 Ashuk Шаблоны (TPL)

Как сделать адаптивный слайдер через custom?

23.03.2015 Kaleb Шаблоны (TPL), jQuery

Почему при верстке шаблона не работает JS?

03.07.2015 Arsen Общие вопросы по вёрстке, Шаблоны (TPL), jQuery

Последние события

mondolfo | Как вывесит в comments.tpl картинку с но ... ⁷

mondolfo
Как вывесит в comments.tpl картинку с новости?
23-11-2024, 23:42

кто-нибудь решил эту?
Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
22-11-2024, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 13:52

где выводить? админка или сайт
TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
21-11-2024, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

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

наверх