Слайдшоу на главной

nightly · 2012-01-22 15:12:55

Добрый день!
Как можно реализовать слайдошу из 4 картинок на главной, что бы они динамически менялись?
Помогите пожалуйста.:(

StronG · 2012-01-22 15:49:25

Любой jquery скрипт + top_news. Я лично так реализовывал нужное мне слайшоу

nightly · 2012-01-22 15:51:53

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

Michail · 2012-01-23 12:54:39

nightly пишет:

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

Посмотри http://sitydream.ru/load/ucoz_skripty/u … /3-1-0-174, классный слайдер. Там, вроде, видео урок есть. Пример работы можешь глянуть на http://newstech.xirad.ru/.

Изменено Michail (2012-01-23 12:57:55)

RocketBoy · 2012-01-23 15:30:30

nightly пишет:

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

Мне нравиться вот этот слайдер http://bxslider.com/examples/ или http://nivo.dev7studios.com/

Юзать будешь 2 плагина:
1. xfiled - через него будешь добавлять url картинки в слайдер
2. top_news - выводить уже сами новости

План действий.
1. Подключи bxslider к main.tpl
2. Создай в xfiled поле для картинки
3. Пихай код слайдера в шаблоны твойшаб/plugins/top_news/top_news1 (entries.tpl и top_news.tpl)
4. Настрой top_news (укажи из каких категорий, сколько новостей в слайдере будет и т.д.)
5. В main.tpl пихай {top_news1}

См. результат, думай, правь, если ЧП будет пиши

Pavel555 · 2012-10-12 05:51:47

Всем привет. С планом действия понятно все кроме этого шага:

RocketBoy пишет:

3. Пихай код слайдера в шаблоны твойшаб/plugins/top_news/top_news1 (entries.tpl и top_news.tpl)

Можно этот шаг раскрыть на примере?

Код entries.tpl:

<div class="inmy"><div class="main_label">Главная новость</div></div>
<div class="date">{date}</div>
<div class="sscn">
	<div class="mainf"><h2><a href={link}>{title}</a></h2></div>
	<div class="sscn-text"><a href={link}>{short_news}</a></div>
</div>

Код top_news.tpl:

<div class="short_block">
	{top_news}
</div>

В скачаном дистрибутиве слайдера есть 3 js файла:

jquery.bxSlider.min.js
jquery.easing.1.3.js
\source\jquery.bxSlider.js

На сайте bxSlider есть примеры слайдеров нескольких видов, для каждого указан свой jQuery. Для выбранного мной вида он следующий:

jQuery: 
$(function(){
  $('#slider1').bxSlider({
    auto: true,
    pager: true
  });
});

Задача: сделать слайдер, в котором будут крутиться короткие новости ({title}+{short_news}) из заданной категории.

Что именно и куда именно пихать в данном случае?

Next Generation CMS :: Форум поддержки

Объявление

#1 2012-01-22 15:12:55

Слайдшоу на главной

#2 2012-01-22 15:49:25

Re: Слайдшоу на главной

#3 2012-01-22 15:51:53

Re: Слайдшоу на главной

#4 2012-01-23 12:54:39

Re: Слайдшоу на главной

#5 2012-01-23 15:30:30

Re: Слайдшоу на главной

#6 2012-10-12 05:51:47

Re: Слайдшоу на главной

Подвал раздела