На страницах, где будет использован данный скрипт в head вставляйте:
<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>
<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 - количество пролистываемых изображений при нажатии на стрелку
Следующий код вставляйте в то место, где у вас будет сам слайдер:
<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>
<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>
демо
vertical_slider.rar [13.19 Kb] (cкачиваний: 769)
MD5: 27cffcbcd771f1c6806bc0e4b89f6cf0
MD5: 27cffcbcd771f1c6806bc0e4b89f6cf0
Главная
