Помощь slider dle 10.2

[Горбушка]

Ну вот с этого и надо начинать =)

1) Такой слайдер нельзя сделать в 1 тег custom - для этого делаются 2: первый формирует навигацию справа, второй - контент слева.
2) В качестве номера ID объектов используем {news-id}, а в качестве ссылок {full-link} (или как она там - поправьте)
3) Все картинки очень долго, муторно и напряжно руками выпрямляем через CSS - я не видел ещё ни одно слайдера, который вставал бы нативно (из коробки без изменений), даже на WordPress и Joomla, скаченные с офф. сайтов. Дизайны у всех разные, требования разные... Всегда править CSS.

P.s. я бы рекомендовал картинку пихать в доп. поле, откуда её и выводить проще, и в описании её не будет. Так же описание не плохо бы запихивать в доп. поле.

 

[Non-Stop]

делаю так...
1. В templates/твой_шаблон/ Закидываю всю распокованную папку слайдера featured-content-slider
2. В main.tpl сверху подключаю необходимые для слайдера файлы
Код:

<link rel="stylesheet" type="text/css" href="{THEME}/featured-content-slider/style.css" />
<script type="text/javascript" src="Для просмотра ссылки Войди или Зарегистрируйся" ></script>
<script type="text/javascript" src="Для просмотра ссылки Войди или Зарегистрируйся" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>


3. В templates/твой_шаблон/ создаю два файла custom_slider1.tpl custom_slider2.tpl
В custom_slider1.tpl :

Код:
<li class="ui-tabs-nav-item" id="nav-fragment-{news-id}"><a href="#fragment-{news-id}"><img width="80" height="50" alt="{title}" src="{image-1}"/><span>{title}</span></a></li>


В custom_slider2.tpl :

Код:
<!-- {news-id} Content -->
<div id="fragment-{news-id}" class="ui-tabs-panel" style="">
<img width="400" alt="{title}" src="{image-1}"/>
<div class="info" >
<h2><a href="#" >{title}</a></h2>
<p>{short-story}[full-link]Читать далее... [/full-link]</p>
</div>
</div>

Там где нужно вывести слайдер в main.tpl пишу вывод custom, с параметрами

Код:
<div id="featured" >
<ul class="ui-tabs-nav">
{custom category="1-10" template="custom_slider1" aviable="global" from="0" limit="4" order="date" cache="yes"}
</ul>

{custom category="1-10" template="custom_slider2" aviable="global" from="0" limit="1" order="date" cache="yes"}
</div>

вроди всё должно работать - но не пашет..
поправьте что не так...

Результат должен быть Для просмотра ссылки Войди или Зарегистрируйся

 

[inmy]

если мне память не изменят,то сам двиг уже использует скрипты Для просмотра ссылки Войди или Зарегистрируйся проверь через отладчик конфликты скриптов

 

[Non-Stop]

если мне память не изменят,то сам двиг уже использует скрипты Для просмотра ссылки Войди или Зарегистрируйся проверь через отладчик конфликты скриптов

при удалении подключения Для просмотра ссылки Войди или Зарегистрируйся ничего не меняется

 

[Non-Stop]

разобрался с проблемой.
выкладываю рабочий вариант слайдера для 10,2

В custom_slider1.tpl :
<li class="ui-tabs-nav-item" id="nav-fragment-{news-id}"><a href="#fragment-{news-id}"><img width="60" height="40" alt="{title}" src="{image-1}"/><span>{title limit="35"}</span></a></li>

В custom_slider2.tpl :
<!-- {news-id} Content -->
<div id="fragment-{news-id}" class="ui-tabs-panel" style="">
<img width="400" alt="{title}" src="{image-1}" height="250" />
<div class="info" style="width: 100%">
<big><b><a href="{full-link}" >{title}</a></b></big>
<br />
</div>
</div>

Там где нужно вывести слайдер в main.tpl

Код:
<div id="featured" >
<ul class="ui-tabs-nav">
{custom category="1-10" template="custom_slider1" aviable="global" from="0" limit="4" order="date" cache="yes"}
</ul>

{custom category="1-10" template="custom_slider2" aviable="global" from="0" limit="4" order="date" cache="yes"}
</div>

Пока не закрыли тему.. из любопытства спрошу....
Как реализовать в данном слайдере, что бы не при клике на маленькую новость менялась большая фотка , а при наведении курсором мыши?

 

[arriah]

Всем привет.
Извините, но более нигде не нашел нужной информации по данному слайдеру.
Сделал все как тут написано - слайдер вроде работает, а вроде нет
DLE 10.3 - установлен пока на локалхосте
Сам слайдер работает, но при этом не выводится лента новостей с правой стороны. Если отключить загрузку js в слайдере, то все нормально, но слайдер перестает при этом работать.
И еще в слайдере есть поле .info - так вот оно наползает на список превью, который справа.
Подскажите, что можно сделать.

Спасибо.

 

[bootlegger]

DLE 10.3
В чем может быть проблема ?
Подключаю
<script type="text/javascript" src="Для просмотра ссылки Войди или Зарегистрируйся" ></script>
<script type="text/javascript" src="Для просмотра ссылки Войди или Зарегистрируйся" ></script>
Слайдер работает все норм, но перестает работать ajax на сайте: "Быстрое реадктирование", отправить жалобу и тд.

 

[Anisun]

DLE 10.3
В чем может быть проблема ?
Подключаю
<script type="text/javascript" src="Для просмотра ссылки Войди или Зарегистрируйся" ></script>
<script type="text/javascript" src="Для просмотра ссылки Войди или Зарегистрируйся" ></script>
Слайдер работает все норм, но перестает работать ajax на сайте: "Быстрое реадктирование", отправить жалобу и тд.

А спрашивается зачем? Зачем вы подключаете Для просмотра ссылки Войди или Зарегистрируйся если он у вас и так в стандарте есть

 

[bootlegger]

А спрашивается зачем? Зачем вы подключаете Для просмотра ссылки Войди или Зарегистрируйся если он у вас и так в стандарте есть

c js у меня не очень, но насколько я знаю да эта есть по станадарту Для просмотра ссылки Войди или Зарегистрируйся
Но если это не подключить:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>

то анимация слайдера не пашет ( Все делал как тут описали.

 

[Anisun]

c js у меня не очень, но насколько я знаю да эта есть по станадарту Для просмотра ссылки Войди или Зарегистрируйся
Но если это не подключить:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>

то анимация слайдера не пашет ( Все делал как тут описали.

Быть не может, но все же тупо но попробуйте удалить

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>

А

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" >

оставить