Вы находитесь на сайте CentR-CS.my1.Ru, который посвящен игровой тематике. На сайте вы можете найти все для CS:Source, все для CS 1.6, все для системы uCoz и многое другое. Напоминаем, что для игроков CS:Source и CS 1.6 у нас имеется большой выбор файлов, от плагинов до моделей.


Реклама на форуме:


  • Страница 1 из 1
  • 1
Модератор форума: ExclusivE  
Форум » Скрипты для uCoz » Другие скрипты » JS слайдер изображений (Горизонтальный)
JS слайдер изображений (Горизонтальный)
CENTR_CSДата: Среда, 06.07.2011, 04:39 | Сообщение # 1


FoL
Сообщений: 630
Награды: 6
Репутация: 148

Данный слайдер придуман для листания изображений влево и вправо. JS слайдер изображений (Горизонтальный)
Установка:
Вставляем в CSS:
Code
/* CSTEROR.RU */    
    .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    
    }    

    /* -CSTEROR.RU- */

Вставляем код где хотим видеть слайдер:
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>


ПРОДАМ ЭТО САЙТ ПИСАТЬ n0-sounjkee@mail.ru
₣ǾŁ



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


Статистика Форума
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
CENTR_CS Постов [ 630 ]
Demon Постов [ 61 ]
aWELQIN Постов [ 58 ]
PaTiaS Постов [ 46 ]
makarRU Постов [ 24 ]
Almat Постов [ 23 ]
lewsdiz Постов [ 15 ]
Hy6 Постов [ 14 ]
Olizina Постов [ 7 ]
igoroha3 Постов [ 5 ]
CENTR_CS Репутация [ 148 ]
Demon Репутация [ 56 ]
Elegant Репутация [ 31 ]
PaTiaS Репутация [ 18 ]
neoNIKs Репутация [ 15 ]
4eJLoBek Репутация [ 12 ]
Almat Репутация [ 10 ]
Vongola_Decimor Репутация [ 8 ]
aWELQIN Репутация [ 7 ]
Olizina Репутация [ 5 ]
Игра в Города [ 28 ]
Смайлик твоего настроени... [ 26 ]
Включаю-Выключаю свет [ 26 ]
Игра в СловА [ 21 ]
Игра в Имена [ 17 ]
Игра в Фильмы [ 17 ]
Ассоциации [ 15 ]
Общение персонала [ 14 ]
Только три слова! [ 13 ]
Считаем до 1000 и обратн... [ 13 ]
Правила раздела [ 1 ]
Макет [ 1 ]
Набор в кланы [ 2 ]
Правила заказа. [ 1 ]
Автоматический пересчёт [ 1 ]
Внимание пользователи са... [ 1 ]
Не копипаст! Баг для при... [ 1 ]
New Wh no inject [ 1 ]
Станция метро. [ 1 ]
Конкурс "Удача"... [ 5 ]