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


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



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



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

Elastislide state 2 / Эластичный слайдер вид 2

Описание:
В этой версии - два css файла карусели, легко изменить под свой дизайн.
Возможность без границ, небольшие изображения, изменение размера изображения.
Установка глобального блока SLIDER и более подробное описание этого слайдера в первом виде.


Создадим Информер к примеру как в первой части:
[ Новости сайта >>> Материалы >>> Дата добавления материала D >>> Материалы: 15 >>> Колонки: 1 ]
Открываем шаблон информера оттуда все удаляем и ставим этот код:
Code
<li><a href="$ENTRY_URL$"><img src="$IMG_URL1$" width="80" height="80" title="$TITLE$" /></a></li>



width="80" height="80" >>> где width ширина картинки, где height высота картинки.
Теперь хорошая новость в этом виде слайдера удобно на страивается размеры вашего изображения или скриншота, так как слайдер автоматически регулируется под них.

Код слайдера:
Code
<link rel="stylesheet" type="text/css" href='http://windchange.my1.ru/css/reset.css' />
<link rel="stylesheet" type="text/css" href='http://windchange.my1.ru/css/elastislide.css2' />

  <noscript>
  <style>
  .es-carousel ul{
  display:block;
  }
  </style>
  </noscript>
  <!-- Elastislide Carousel -->
  <div id="carousel" class="es-carousel-wrapper">
  <div class="es-carousel">
<ul>
[b]Ваш информер[/b]
<ul>
</div>
  </div>
  <!-- End Elastislide Carousel -->
  <script type="text/javascript" src='http://windchange.my1.ru/js/jquery.min.js'></script>
  <script type="text/javascript" src='http://windchange.my1.ru/js/jquery.easing.1.3.js'></script>
  <script type="text/javascript" src='http://windchange.my1.ru/js/jquery.elastislide.js'></script>
  <script type="text/javascript">
  $('#carousel').elastislide({
  minItems : 3,
  border : 11
  });
  </script>



border : 11 >>> ширина обводки, если поставить 0 , изображение будет без нее.
Здесь я ришил показать как легко на страивается дизайн слайдера в css, вот строка из кода:
Code
<link rel="stylesheet" type="text/css" href='http://windchange.my1.ru/css/elastislide.css2' />

Убираем цифру 2 и наш слайдер принимает исходный вид, здесь только два вида, что бы изменить его вам нужно открыть загруженный elastislide.css в файловом менеджере и изменить цвета они имеют вот такое начало #, так же можно изменять кнопки все есть в архиве в папке images.

Глобальные блоки:
$GLOBAL_SLIDER$

Примеры:


О скрипте:
Изображения - Karrie Nodalo.
Карусель написанная Мэри Лу.

Примечания.
Если по каким то причинам у вас не работает $GLOBAL_SLIDER$ попробуйте без него.
Учтите у всех шаблонов свой дизайн и стили менять его нужно, если вы знаете хотя бы базовые знания в HTML (язык разметки WWW документов) и CSS (Cascading Style Sheets) технологиях. Специально для сайта Ucozon.ru, указывайте ссылку на источник материалов.

Дополнительный скриншоты:


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

Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 602,72 Мб

Дополнительные скрины:
Elastislide state 2 / Эластичный слайдер вид 2

Elastislide state 2 / Эластичный слайдер вид 2

Просмотров: 2925 | Рейтинг: 3.5/4 | |Категория: Скрипты блоки и шапки | Добавил: tigerforce | Дата: 15.02.2012 | Скачали: 18
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 0

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

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


Поиск


На форуме

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