Скачайте архив и загрузите папку в корень сайта папка includes (если нет то создать), в нужное место ставим слайдер.
Код
<script type="text/javascript" src="/includes/jcarousel/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="/includes/jcarousel/skins/skin.css" />
<script type="text/javascript">
function mycarousel_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind('click', function() {
carousel.startAuto(0);
});
carousel.buttonPrev.bind('click', function() {
carousel.startAuto(0);
});
// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
auto: 1,
animation: 8000,
wrap: 'last',
initCallback: mycarousel_initCallback
});
});
</script>
<ul id="mycarousel" class="jcarousel-skin-tango">
$MYINF_1$
</li>
</ul>
информер
автослайдер [Шаблон информера]
[ Каталог файлов · Материалы · Дата добавления материала D · Материалы: 20 · Колонки: 1 ]
<li id="panel_$ID$">
<a title="$TITLE$ | Комментариев: $COMMENTS_NUM$ | Смотрели: $READS$" href="$ENTRY_URL$">
<img src="$IMG_URL1$" alt="" border="0" class="slideitem" width="110"/>
</a>
</li>