Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.137.177.146
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Вертикальный слайдер на jQuery
Сообщение оставлено 27.04.2012 в 01:12:57 | Сообщение #1
Скрин: http://i031.radikal.ru/1204/22/9abff9a0f215.jpg

На страницах, где будет использован данный скрипт в head вставляйте:

Code
<script type="text/javascript" src="{THEME}/js/jquery.jcarousel.min.js"></script>    
<link rel="stylesheet" type="text/css" href="{THEME}/css/skin.css" />   
<script type="text/javascript">   

jQuery(document).ready(function() {   
    jQuery('#mycarousel').jcarousel({   
    vertical: true,   
    scroll: 2   
    });   
});   

</script>


Здесь у нас scroll: 2 - количество пролистываемых изображений при нажатии на стрелку

Следующий код вставляйте в то место, где у вас будет сам слайдер:

Code
<ul id="mycarousel" class="jcarousel jcarousel-skin-tango">   
    <li><img src="http://адрес картинки/1.jpg" width="120" height="150" alt="" /></li>   
    <li><img src="http://адрес картинки/2.jpg" width="120" height="150" alt="" /></li>   
    <li><img src="http://адрес картинки/3.jpg" width="120" height="150" alt="" /></li>   
    <li><img src="http://адрес картинки/4.jpg" width="120" height="150" alt="" /></li>   
    <li><img src="http://адрес картинки/5.jpg" width="120" height="150" alt="" /></li>   
    <li><img src="http://адрес картинки/6.jpg" width="120" height="150" alt="" /></li>   
</ul>


http://shareflare.net/downloa....ar.html
 
 
   
Сообщение оставлено 20.05.2012 в 20:18:43 | Сообщение #2
хорошо подойдёт для информера фильмов, если немного переделать)
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика