31864
- 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>
Можешь почитать и вот эту статейку "Снова мучаем изображения "
Это тоже интересно
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
