15 авг 2011
Вертикальный слайдер на jQuery
ALEKS333 Категория: DATALIFE ENGINE » Хаки
У нас вы можете скачать бесплатно Вертикальный слайдер на jQuery .

Данный материал предоставлен сайтом Skripter.info исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Вертикальный слайдер на jQuery


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

[quote]
<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>
[/quote]



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

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

[quote]<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>[/quote]


Ссылка:
Внимание! У вас нет прав для просмотра скрытого текста.










Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
AfroJack | 15 августа 2011 00:26 | (0|0)
  • Группа: Посетители |
  • Комментарий: 1 (ссылка)

спасибо полезный хак 13

san9-n | 15 августа 2011 13:16 | (0|0)
  • Группа: Посетители |
  • Комментарий: 2 (ссылка)

Да реально полезный хак спс!!! 8

klim_kr93 | 15 августа 2011 14:35 | (4|0)
  • Группа: Посетители |
  • Комментарий: 3 (ссылка)

Спасибо

Demo3 | 21 сентября 2011 18:36 | (0|0)
  • Группа: Посетители |
  • Комментарий: 4 (ссылка)

+1 хороший хак, подскажите нубу как сделать не просто картинки а ссылками, я попробовал просто прописать но получилось не хорошо подскажите нубу как сделать заранее спасибо))

tetaneg | 2 октября 2011 21:52 | (0|0)
  • Группа: Посетители |
  • Комментарий: 5 (ссылка)

[quote]<ul id="mycarousel" class="jcarousel jcarousel-skin-tango">
  <li><img src="адрес картинки/1.jpg" width="120" height="150" h r e f ="ссылка" /></li>
</ul>[/quote]

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.