3DM-студия
» » » Модуль Слайдер DLE без модов

Модуль Слайдер DLE без модов

Модуль Слайдер DLE без модов


Многие из Вас знаю о существовании в DLE тега {custom}, но почти никто его не использует, а зря. Из этой статьи вы узнаете, как с помощью этого тега и правки лишь шаблона сделать полноценный слайдер.

И так, первым делом определимся с тем, что нам понадобится. Нам нужен JS-код слайдера, шаблон 1 слайда, шаблон main.tpl и настройки для тега {custom}. Начнём по порядку.

Установка:
1. Сам JS-код слайдера и CSS к нему можно скачать с GitHub.
2. Загружаем файл jquery.smslider.min.js из архива в папку /templates/ШАБЛОН/js/.
3. Загружаем файл smslider.css из архива в папку /templates/ШАБЛОН/css/.
4. Картинку sm_arr.png заливаем в /templates/ШАБЛОН/images/.
5. В шаблон main.tpl перед:
</head>

Добавляем:
<link type="text/css" rel="stylesheet" href="{THEME}/style/smslider.css" />
<script type="text/javascript" src="{THEME}/js/jquery.smslider.min.js"></script>

6. В нужное место вставляем код:
<div id="sm_slider">
    <ul>
        { custom template="slide"}
    </ul>
</div>

7. В конце шаблона main.tpl добавляем код, запускающий слайдер:
<script type="text/javascript">
    $(document).ready(function(){
        $('#sm_slider').smSlider()
    })
</script>

Теперь в smslider.css правим путь до картинки на ../images/ (Да, 2 точки, это не опечатка).

Готово, слайдер установлен, но он не работает – у него нет ни единого слайда. Этим мы сейчас и займёмся. Создадим шаблон slide.tpl и запишем туда код:
[image-1]<li><a href="{full-link}"><img src="{image-1}" alt="{title}" /></li>[/image-1]

Теперь поговорим о том, что мы сделали. В теге {custom} мы указали, что необходимо работать с шаблоном slide.tpl. Сам slide.tpl выводит 1 картинку из новости, если она существует, делая её ссылкой на новость.

Вот и всё. Никакие сложные изменения в движке не требуются. Вы так же можете добавить кэширование, вывод только из 1 категории и т.д. Можно поменять размер картинки (сейчас он явно слишком большой для сайта). Так же можно выводить краткий текст из статьи. Ничего сложного в этом нет.

Версия DLE: 9.x
Автор: Горбушка


Скачивание доступно только для зарегистрированных
Replica Handbags (12.05.2015) 0 комментариев 0 публикаций
Many woman love collecting Designer Handbags Replica that will match various outfits and occasions, and they dream of owning Cheap Replica Handbags. However, designer handbags can be quite costly, making it difficult for some people to purchase them. They need not fret though, as Moka Designer Replica Handbags offers many attractive replicas that look just like name-brands.

НАШИ НОВОСТИ
Опубликовано 04 апрель 2014
Представляю вашему вниманию шаблон онлайн кинотеатра с глубокой настройкой под свои нужны OST-ARENA.RU Читать далее...
Опубликовано 18 март 2014
Представляю вашему вниманию, адаптивный новостной шаблон Reades News. Адаптивный дизайн подразумевает, что шаблон будет одинаково корректно отображаться во всех устройствах. Шаблон отлично подойдет для медийных новостей и не только. Обязательно посмотрите видеозапись работы Читать далее...
Опубликовано 16 март 2014
Дизайн Zerotheme, адаптирован для DLE 10.1 by Yurets. Шаблон zBoomMusic позиционируется как шаблон для музыкального портала или музыкального блога. Вверху шаблона расположен слайдер, под слайдером Топ новостей, далее последние добавленные новости. Читать далее...