• 24200
  • 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>
4.Где хотим видеть наш слайдер добавляем код самого слайдера
Код:
 <div class="blueberry">
<ul class="slides">
{{ callPlugin('xnews.show', {'extractEmbeddedItems' : true, 'order' : 'last', 'categories' : '1', 'count': '5', 'template' : 'xnews1'}) }}
</ul>
</div>
Как видите мы уже подключили плагин xnews.
5.Ну теперь надо настроить плагин ,идем в директорию templates/ваш шаблон/plugins/xnews/xnews1/ если нет этих директорий то создаем.
6.В папке xnews1 если нет файлов то создаем файлы xnews.tpl с содержимым
Код:
{% for entry in entries %}{{ entry }}{% endfor %}
И файл entries.tpl с содержимым
Код:
<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>
7.Вот и все слайдер подключен,по настройкам смотрите Blueberry и Плагин XNEWS,будут вопросы пишите в комментарии.

Можешь почитать и вот эту статейку "Линии"

mistakes

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

какой форум лучше для вас
Результаты

----