Меню сайта

Counter-Strike
Плагины cs 1.6. [17]
Maps (Карты ) CS 1.6. [5]
Анти-Читы для CS [2]
Модели для cs 1.6. [2]
Читы для CS 1.6. [3]
Звуки CS [3]
Готовые сервера ! [1]
Плагины Cs Source [0]
Карты для CS Source [1]

Наш опрос
Форма входа(Какая лучше?)
Всего ответов: 25

Сервер

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Помощь в развитие сайта
U193387511377
R780161172681
Z254541537644
Цель:
Реклама портала
Покупка доменного имени

Главная » Файлы » Скрипты

JS слайдер изображений (Горизонтальный)
06.01.2012, 22:54


Данный слайдер придуман для листания изображений влево и вправо. JS слайдер изображений (Горизонтальный)
Установка:
Вставляем в CSS:
Code
/* FD */      
      .infiniteCarousel      
      {      
       position:relative      
      }      

      .infiniteCarousel .wrapper      
      {      
       width:315px;      
       overflow:auto;      
       min-height:10em;      
       margin:0 40px;      
       top:0      
      }      

      .infiniteCarousel .wrapper ul      
      {      
       width:9999px;      
       list-style-image:none;      
       list-style-position:outside;      
       list-style-type:none;      
       margin:0;      
       padding:0;      
       top:0      
      }      

      .infiniteCarousel ul li      
      {      
       display:block;      
       float:left;      
       padding:10px;      
       height:81px;      
       width:113px      
      }      

      .infiniteCarousel ul li a img      
      {      
       display:block      
      }      

      .infiniteCarousel .arrow      
      {      
       display:block;      
       height:36px;      
       width:37px;      
       background:url(http://www.csteror.ru/KAPTUHKU/arrow.png) no-repeat 0 0;      
       text-indent:-999px;      
       cursor:pointer;      
       top:36px;      
       position:absolute      
      }      

      .infiniteCarousel .forward      
      {      
       background-position:0 0;      
       right:3px      
      }      

      .infiniteCarousel .back      
      {      
       background-position:0 -72px;      
       left:5px      
      }      

      .infiniteCarousel .forward:hover      
      {      
       background-position:0 -36px      
      }      

      .infiniteCarousel .back:hover      
      {      
       background-position:0 -108px      
      }      

      /* FD*/


Вставляем код где хотим видеть слайдер:

Code
<script type="text/javascript" src="http://www.csteror.ru/js/csteror.js"></script><table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tbody><tr><td style="padding:3px;"><div class="eTitle" style="text-align:center;">Онлайн сериалы:</div>      
      <div class="eMessage" style="text-align:center;clear:both;padding-top:2px;padding-bottom:2px;"><div class="infiniteCarousel">       
       <div class="wrapper">       
       <ul>       
       <li><a href="Ссылка на файл" title="Интерны"><img src="Ссылка на картинку" border="0" width="90"></a></li>      
       <li><a href="hСсылка на файл" title="Лучшая охрана"><img src="Ссылка на картинку" border="0" width="90"></a></li>      
       <li><a href="Ссылка на файл" title="Гонка (DRIVE)"><img src="Ссылка на картинку" border="0" width="90"></a></li>      
       <li><a href="Ссылка на файл" title="Ходячие мертвецы"><img src="Ссылка на картинку" border="0" width="90"></a></li>      
       <li><a href="hСсылка" title="Наша Russia 5 сезон"><img src="Ссылка" border="0" width="90"></a></li>      
       <li><a href="Ссылка" title="Закрытая школа"><img src="Ссылка" border="0" width="90"></a></li>      
       <li><a href="Ссылка" title="Универ"><img src="Ссылка" border="0" width="90"></a></li>      
       <li><a href="Ссылка" title="Остаться в живых"><img src="Ссылка" border="0" width="90"></a></li>      
       <li><a href="hСсылка" title="Терминатор: Хроники Сары Коннор"><img src="Ссылка" border="0" width="90"></a></li>      
       <li><a href="Ссылка" title="Сверхъестественное"><img src="Ссылка" border="0" width="90"></a></li>      
       <li><a href="Ссылка" title="Барвиха + Золотые"><img src="Ссылка" border="0" width="90"></a></li>      
       <li><a href="Ссылка" title="Зайцев +1"><img src="Ссылка" border="0" width="90"></a></li>      
       <li><a href="Ссылка" title="Реальные пацаны"><img src="Ссылка" border="0" width="90"></a></li>      
       </ul> </div> <br>      
       </div></div></td></tr></tbody></table><br>
Категория: Скрипты | Добавил: Lens
Просмотров: 524 | Загрузок: | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход
Введите логин:

Введите пароль:

Зарегистрироваться!
Восстановить пароль!


Топ Юзеров

1 Lens
Staff
Файлов: 34

2 kyb[138]
Staff
Файлов: 1

3 Metaform
Пользователи
Файлов: 0

4 NoStress
Пользователи
Файлов: 0

5 DeLvErR
Пользователи
Файлов: 0

Случайные файлы
Clock (Часы для Сервер)

Clock (Часы для Сервер)
Просмотров: 532
Комментарии: (0)
Загрузок: (50)
Вес: (3.3 Kb )

Admin HOOk

Admin HOOk
Просмотров: 615
Комментарии: (0)
Загрузок: (83)
Вес: (18.9 Kb )

AFK Bomb Transfer

AFK Bomb Transfer
Просмотров: 525
Комментарии: (0)
Загрузок: (49)
Вес: (10.0 Kb )


Поиск

Скачать ТОП игры









Это интерестно
Купить ссылку здесь
(Цена: 2 руб.)


Поставить к себе на сайт

Друзья сайта

Site by Lens. All rights reserved. © 2010-2012
Связь с администрацией
gfh