• Страница 1 из 1
  • 1
Скрипт обновленный слайдер видеофильмов csomsk.ru
Lexarus
Offline
Дата: Понедельник, 15.08.2011, 11:18 | Сообщение # 1
Постов: «3513»
Лучший админ

Скрипт обновленный слайдер видеофильмов csomsk.ru (Горизонтальный) Данный слайдер придуман для листания изображений влево и вправо.
Установка:
Вставляем в CSS:
Code
/* Слайдер */
.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:144px;
  width:120px
}

.infiniteCarousel ul li a img
{
  display:block
}

.infiniteCarousel .arrow
{
  display:block;
  height:36px;
  width:37px;
  background:url(http://www.csomsk.ru/img/arrow.png) no-repeat 0 0;
  text-indent:-999px;
  cursor:pointer;
  top:70px;
  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
}
/* Слайдер офф*/
.eMessagecsomsk a img, .eMessagecsomsk img {padding:3px !important;background:#ffffff;   
  border:1px solid#dbdbdb !important;border-radius:4px;   
  -moz-border-radius:7px;box-shadow:0px 0px 10px #e8e8e8;-moz-box-shadow:0px 0px 10px #e8e8e8;}   
  a img {border:0px;}   
  .eTextcsomsk {text-align:justify; padding:10px;}   
  .eBlockcsomsk {background:#fff;border:1px solid #CCCCCC;}   
  .eTitlecsomsk {font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#FFFFFF; padding: 5px; border:0px solid #252525; background:url('http://www.csomsk.ru/images2/1060.png') ;}   
  .eTitlecsomsk a:link {text-decoration:none; color:#FFFFFF;}   
  .eTitlecsomsk a:visited {text-decoration:none; color:#FFFFFF;}   
  .eTitlecsomsk a:hover {text-decoration:none; color:#CCCCCC;}   
  .eTitlecsomsk a:active {text-decoration:none; color:#FFFFFF;}

Установка данного скрипта может быть в любом месте
Самое обычное это на главной странице:
Нажимаем "Редактировать HTML код" - Внимание код нужно вставить в поле [ Панель HTML кодов ]
И в самый вверх вставляем код:
Code
<script type="text/javascript" src="http://www.csomsk.ru/js/defolt.js"></script>
<table class="eBlockcsomsk" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td style="padding: 3px;"><div class="eTitlecsomsk" style="text-align: center;">Онлайн видеофильмы:</div><div class="eMessagecsomsk" style="text-align: center; clear: both; padding-top: 2px; padding-bottom: 2px;"><div class="infiniteCarousel">  
  <div class="wrapper">  
  <ul>  
  <li><a href="http://www.csomsk.ru/stuff/filmy/boeviki/na_igre_2/9-1-0-5791" title="На игре 2"><img src="http://www.csomsk.ru/_sf/57/99064808.jpg" border="0" width="110"></a></li>
  <li><a href="http://www.csomsk.ru/stuff/filmy/boeviki/zheleznyj_chelovek_2/9-1-0-5768" title="Железный человек 2"><img src="http://www.csomsk.ru/_sf/57/11917646.jpg" border="0" width="110"></a></li>
  <li><a href="http://www.csomsk.ru/stuff/filmy/boeviki/neuderzhimye_2010/9-1-0-5763" title="Неудержимые"><img src="http://www.csomsk.ru/_sf/57/08734097.jpg" border="0" width="110"></a></li>
  <li><a href="http://www.csomsk.ru/stuff/filmy/boeviki/my_iz_budushhego_2/9-1-0-5733" title="Мы из будущего 2"><img src="http://www.csomsk.ru/_sf/57/47942931.jpg" border="0" width="110"></a></li>
  <li><a href="http://www.csomsk.ru/stuff/filmy/boeviki/bystree_puli/9-1-0-5726" title="Быстрее пули"><img src="http://www.csomsk.ru/_sf/57/53632570.jpg" border="0" width="110"></a></li>
  <li><a href="http://www.csomsk.ru/stuff/filmy/boeviki/neosparimyj_3/9-1-0-5722" title="Неоспаримый 3"><img src="http://www.csomsk.ru/_sf/57/25173109.jpg" border="0" width="110"></a></li>
  <li><a href="http://www.csomsk.ru/stuff/filmy/uzhasy/obitel_zla_3/7-1-0-5719" title="Обитель зла 3"><img src="http://www.csomsk.ru/_sf/57/46491286.jpg" border="0" width="110"></a></li>
  <li><a href="http://www.csomsk.ru/stuff/filmy/boeviki/mekhanik_2011/9-1-0-5699" title="Механик (2011)"><img src="http://www.csomsk.ru/_sf/56/23287388.jpg" border="0" width="110"></a></li>
  </ul> </div> <br>
  </div></div></td></tr></tbody></table>
Budda
Offline
Дата: Пятница, 09.03.2012, 22:58 | Сообщение # 2
Постов: «1»
Рядовой
А, как сделать чтобы сама автоматом двигалась???

Добавлено (09.03.2012, 22:58)
---------------------------------------------
А, как сделать чтобы сама автоматом двигалась???

Добавлено (09.03.2012, 22:58)
---------------------------------------------
А, как сделать чтобы сама автоматом двигалась???

Добавлено (09.03.2012, 22:58)
---------------------------------------------
А, как сделать чтобы сама автоматом двигалась???

Добавлено (09.03.2012, 22:58)
---------------------------------------------
А, как сделать чтобы сама автоматом двигалась???

Nikitataa
Offline
Дата: Суббота, 10.03.2012, 22:37 | Сообщение # 3
Постов: «21»
Проверенный
а у тя есть такойже токо под тёмный диз
4iksa
Offline
Дата: Понедельник, 03.12.2012, 20:51 | Сообщение # 4
Постов: «2»
Рядовой
Подскажите пожалуйста как сделать что бы картинок можно было загружать сколько угодно? А то если штук 30 загружаешь у него уже вид портится. В две колонки становится и в 4 потом.
Lexarus
Offline
Дата: Понедельник, 03.12.2012, 21:28 | Сообщение # 5
Постов: «3513»
Лучший админ
4iksa, лучше информер подключить
Serezha
Offline
Дата: Пятница, 21.12.2012, 21:05 | Сообщение # 6
Постов: «103»
Подполковник
Согласен информер подключи и будет меняться картинки

  • Страница 1 из 1
  • 1
Поиск: