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

Заинтересовала наша система? Тогда этот форум для Вас!

rss

Вы не зашли.

Объявление

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

nightly
Пользователь
Зарегистрирован: 2012-01-13
Сообщений: 22
Рейтинг :   
Профиль

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

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

Неактивен

 

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

StronG
Пользователь
Откуда: Russia
Зарегистрирован: 2009-02-08
Сообщений: 431
Рейтинг :   
Профиль

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

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

Неактивен

 

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

nightly
Пользователь
Зарегистрирован: 2012-01-13
Сообщений: 22
Рейтинг :   
Профиль

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

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

Неактивен

 

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

Michail
Пользователь
Зарегистрирован: 2011-10-25
Сообщений: 23
Рейтинг :   
Профиль

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

nightly написал:

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

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

Отредактированно Michail (2012-01-23 12:57:55)

Неактивен

 

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

RocketBoy
Пользователь
Откуда: Калининград
Зарегистрирован: 2008-10-14
Сообщений: 552
Рейтинг :   27 
Профиль  Вебсайт

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

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}

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

Неактивен

 

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

Pavel555
Пользователь
Зарегистрирован: 2012-09-16
Сообщений: 36
Рейтинг :   
Профиль

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

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

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}) из заданной категории.

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

Неактивен

 

Board footer

Powered by FluxBB

[ Generated in 0.006 seconds, 14 queries executed ]