Приветствую Вас Прохожий | RSS Пятница, 02.12.2016, 22:53
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 11
Гостей: 9
Пользователей: 2
Kinomanxx, LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Вид новостей

Слайдер материалов сайта на jqery

Слайдер материалов сайта на jqery
Для установки такого слайдера на ваш сайт в системе Юкоз потребуется выполнить следующие действия:

1) Для начала заходим в Панель Управления сайтом и переходим по ссылке Информеры. Создаем новый информер для отображения материалов из нужного Вам модуля, указав при этом:
- Тип данных – «Материалы»;
- Способ сортировки – любой из представленных;
- Количество материалов – нужное Вам;
- Количество колонок – 1.

Затем изменяем шаблон нашего информера, кликнув по ссылке Шаблон информера справа от названия:

Code
<div class="panel" style="background:url('$IMG_URLn$') top left no-repeat;">  
  <div class="insert">  
  <span class="ititle"><a href="$ENTRY_URL$">25)?>...$TITLE$</a></span>  
  168)?>...$MESSAGE$  
   

<span class="featuredmorelink">  
  <a href="$ENTRY_URL$" title="$TITLE$">Подробнее...</a>  
  </span>  
  </div>  
</div>

2) Скачиваем прикрепленный к данному сообщению архив. В нем содержатся файл стилей slider.css и папка "slider” со скрипом и картинками. Заливаем папку и стили в корень сайта.

3) Теперь дело осталось за малым – вставить слайдер на страницы сайта. Для этого необходимо в шаблонах дописать перед строку:

Code
<link rel="stylesheet" href="slider.css" type="text/css" />

И

Quote
<script src="slider/slider.js" type="text/javascript"></script>

В место, где будет выводиться информер, записываем следующее:

Code
<div id="sliderbox">  
  <div id="slider">  
  <div class="scroll">  
  <div class="scrollcont">  
  $MYINF_m$  
  </div>  
  </div>  
  </div>  
</div>

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

Примечания:
1) В $IMG_URLn$ и $MYINF_m$ необходимо изменить значения n и m соответственно на номер картинки, отвечающей за вывод изображения в информере, и номер информера, отвечающего за вывод материалов в слайдере.
2) В данном слайдере используются изображения размером 553x238 (px), что следует учитывать при добавлении материалов.

P.S делал такое на сайте, есть небольшие пробелы. в 3 шаге, эти строки лучше вставить в глобальный блок и потом все эти коды скопировать и вставить в нужное место. так же, папку, которую вы будете грузить, назовите SLIDER, а не как в архиве.

Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3508 | Комментарии: 1 | Рейтинг: 5.0/1 | |Категория: Скрипты Вид новостей | Добавил: ALINA | Дата: 30.04.2010 | Скачали: 0 | Теги: материалов, jqery, сайта, слайдер, на
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 1
+1   Спам
1 XuTPbIu_HALLuCT   Дата: 01.05.2010  Время: 12:53   [№ 2823]
Не работает.
Картинку показывает.. название. и т.д. Но слайдер не листает..


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Куплю сайты с ТИЦ/PR (п...

9

2 Предлагаю услуги для ан...

0

3 Предлагаю услуги по про...

0

4 Комплексный прогон сайт...

51

5 Сайт онлайн фильмов на ...

1

6 Проблема с таблицей

9

7 Отредактировать фото

2

8 Уже все перепробовал )

1

9 Скрипт "Нравится&q...

3

10 Меню для сайта

3


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru