29505
- 0
- Адаптировал: irbees2008
- Уровень сложности исполнения: нужны навыки css html
На днях меня попросили сделать вывод популярных новостей в слайдер,узнав версию движка ,это svn версия оказалась,решил использовать плагин xnews.И сейчас распишу подключение слайдера с плагином .
Итак приступим
1. За основу возьмем слайдер Blueberry.
2.Скачиваете архив ,распаковываем и заливаем в папку с шаблоном.
3.В хеад файла main.tpl подключаем скрипты стиль слайдера
Код:
<link rel="stylesheet" href="{{ tpl_url }}/css/blueberry.css">
<script src="{{ tpl_url }}/js/jquery.blueberry.js"></script>
<script>
$(window).load(function() {
$('.blueberry').blueberry({
interval: 5000,
duration: 500,
lineheight: 1,
hoverpause: true,
pager: true,
keynav: true
});
});
</script>Код:
<div class="blueberry">
<ul class="slides">
{{ callPlugin('xnews.show', {'extractEmbeddedItems' : true, 'order' : 'last', 'categories' : '1', 'count': '5', 'template' : 'xnews1'}) }}
</ul>
</div>
5.Ну теперь надо настроить плагин ,идем в директорию templates/ваш шаблон/plugins/xnews/xnews1/ если нет этих директорий то создаем.
6.В папке xnews1 если нет файлов то создаем файлы xnews.tpl с содержимым
Код:
{% for entry in entries %}{{ entry }}{% endfor %}Код:
<li>
{% if (news.embed.imgCount > 0) %}
<img src="{{ news.embed.images[0] }}" alt="{{ news.title|truncateHTML(70,'...') }}" title="{{ news.title|truncateHTML(70,'...') }}" class="slider-image" />
{% else %}
<img src="{{ tpl_url }}/img/img-none.jpg" width="394px" height="262px" alt="{{ news.title|truncateHTML(70,'...') }}" title="{{ news.title|truncateHTML(70,'...') }}" class="slider-image" />
{% endif %}
</li>
Можешь почитать и вот эту статейку "Вставка музыки"
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.