Скачать бесплатно без регистрации всё для компьютера и смартфона!...г.Омск

читать последние новости сайта
Скачать бесплатно без регистрации всё для компьютера и смартфона!
  • Главная
  • О сайте
  • Файлы
  • Форум
  • Статьи
  • Блоги
  • В закладки
  • Rss
  • ?
  • Правила
  • Гостевая
  • Обратная связь
  • Правообладателям
  • Мобильный
  • Литература
  • Картинки
  • Софт ПК
  • Шрифты
  • Музыка
  • Видео
  • Игры
  • Ключи
  • Чат
  • Модераторка
  • Мобильный
  • Компьютерный
  • Общение
  • Всё для укоз
  • Общие вопросы
  • Музыкальный
  • Мир кино
  • Спортивный
  • Стол заказов
  • Пароли на архивы
  • Легальная халява
Новые сообщения · Участники · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
Форум » Ucoz » Всё для укоз » JS слайдер изображений (Горизонтальный)
JS слайдер изображений (Горизонтальный)
Админ
Дата: Ср, 24 Авг 2011, 22:30 | Сообщение ː 1 ː
Владимир
Создатель
Сообщений: 911
Омск


слайдер прокрутки изображений-изображения кликабельны и ведут на определённый Вами файл

Вставляем в CSS:

Code
/* slayder */      
      .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://exorcist-soft.ucoz.ru/grafica_saita/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      
      }      

      /* -***************- */


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

Code
<script type="text/javascript" src="http://exorcist-soft.ucoz.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="Ссылканафайл" 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="вашеназвание"><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>


Доступно только для пользователей
Форум » Ucoz » Всё для укоз » JS слайдер изображений (Горизонтальный)
  • Страница 1 из 1
  • 1
Поиск:

Главная | Файлы | Форум | Статьи | Блоги | Правообладателям
При копировании и размещении материалов на других сайтах
обязательна ссылка на данный ресурc.

Copyright exorcist-soft © 2011 - 2025
Карта сайтаКарта форума