Как прикрутить jquery-слайдер к xenforo?

Может кто подробней объяснить?
XenPorta не стоит.
Закачал исходники, вставил код вывода, css и ... ничего.

 

дайте ссылку на пример того что вы хотите поставить а то не понятно

 

Хотел этот:

Код:

http://ps-studio.info/WEBPRACTIC/59/demo3.html

но на их сайте сегодня технические работы.
Скорее всего буду использовать Nivo Slider. Может быть есть легче и лучше? Посоветуйте.

Написано, что нужно подключить в теге head.
В каком шаблоне это сделать? В forum_list?

 

так я не могу сказать была бы ссылка на слайдер попробовал бы поставить а потом написал бы здесь что и как

 

Ну например:

Код:

http://yeap.narod.ru/js/022.html

1 или 3.

 

Возьмем к примеру первый в низ шаблона page_container_js_body добавляем

PHP:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script src="js/slides.min.jquery.js"></script>
   
    <!-- images-with-captions -->
    <script>
        $(function(){
            $('#slides').slides({
                preload: true,
                preloadImage: 'img/loading.gif',
                play: 5000,
                pause: 2500,
                hoverPause: true,
                animationStart: function(current){
                    $('.caption').animate({
                        bottom:-35
                    },100);
                    if (window.console && console.log) {
                        // example return of current slide number
                        console.log('animationStart on slide: ', current);
                    };
                },
                animationComplete: function(current){
                    $('.caption').animate({
                        bottom:0
                    },200);
                    if (window.console && console.log) {
                        // example return of current slide number
                        console.log('animationComplete on slide: ', current);
                    };
                },
                slidesLoaded: function() {
                    $('.caption').animate({
                        bottom:0
                    },200);
                }
            });
        });
    </script>

далее к примеру в шаблон ad_above_top_breadcrumb добавим разметку

PHP:

        <div id="example">
            <img src="img/new-ribbon.png" width="112" height="112" alt="Ленточка NEW" id="ribbon">
            <div id="slides">
                <div class="slides_container">
                    <div class="slide">
                        <a href="#" title="Трис Меригольд" target="_blank"><img src="img/slide-1.jpg" width="570" height="270" alt="Трис Меригольд"></a>
                        <div class="caption" style="bottom:0">
                            <p>Трис Меригольд</p>
                        </div>
                    </div>
                    <div class="slide">
                        <a href="#" title="Призрак" target="_blank"><img src="img/slide-2.jpg" width="570" height="270" alt="Призрак"></a>
                        <div class="caption">
                            <p>Призрак</p>
                        </div>
                    </div>
                    <div class="slide">
                        <a href="#" title="Неккер" target="_blank"><img src="img/slide-3.jpg" width="570" height="270" alt="Неккер"></a>
                        <div class="caption">
                            <p>Неккер</p>
                        </div>
                    </div>
                    <div class="slide">
                        <a href="#" title="Кайран" target="_blank"><img src="img/slide-4.jpg" width="570" height="270" alt="Кайран"></a>
                        <div class="caption">
                            <p>Кайран</p>
                        </div>
                    </div>
                    <div class="slide">
                        <a href="#" title="Кайран" target="_blank"><img src="img/slide-5.jpg" width="570" height="270" alt="Кайран"></a>
                        <div class="caption">
                            <p>Поверженный Кайран</p>
                        </div>
                    </div>
                    <div class="slide">
                        <a href="#" title="Штурм замка" target="_blank"><img src="img/slide-6.jpg" width="570" height="270" alt="Штурм замка"></a>
                        <div class="caption">
                            <p>Штурм замка</p>
                        </div>
                    </div>
                    <div class="slide">
                        <a href="#" title="Из замка" target="_blank"><img src="img/slide-7.jpg" width="570" height="270" alt="Из замка"></a>
                        <div class="caption">
                            <p>Из замка</p>
                        </div>
                    </div>
                </div>
                <a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="Назад"></a>
                <a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="Вперед"></a>
            </div>
            <img src="img/example-frame.png" width="739" height="341" alt="Пример фрейма" id="frame">
        </div>

ну и последнее в EXTRA.css добавим

PHP:

#example {
    width:600px;
    height:350px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
}
 
#ribbon {
    position:absolute;
    top:-3px;
    left:-15px;
    z-index:500;
}
 
#frame {
    position:absolute;
    z-index:0;
    width:739px;
    height:341px;
    top:-3px;
    left:-80px;
}
 
/*
    Slideshow
*/
 
#slides {
    position:absolute;
    top:15px;
    left:4px;
    z-index:100;
}
 
/*
    Slides container
    Important:
    Set the width of your slides container
    Set to display none, prevents content flash
*/
 
.slides_container {
    width:570px;
    overflow:hidden;
    position:relative;
    display:none;
}
 
/*
    Each slide
    Important:
    Set the width of your slides
    If height not specified height will be set by the slide content
    Set to display block
*/
 
.slides_container div.slide {
    width:570px;
    height:270px;
    display:block;
}
 
 
/*
    Next/prev buttons
*/
 
#slides .next,#slides .prev {
    position:absolute;
    top:107px;
    left:-39px;
    width:24px;
    height:43px;
    display:block;
    z-index:101;
}
 
#slides .next {
    left:585px;
}
 
/*
    Pagination
*/
 
.pagination {
    margin:26px auto 0;
    width:100px;
}
 
.pagination li {
    float:left;
    margin:0 1px;
    list-style:none;
}
 
.pagination li a {
    display:block;
    width:12px;
    height:0;
    padding-top:12px;
    background-image:url(../img/pagination.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
}
 
.pagination li.current a {
    background-position:0 -12px;
}
 
/*
    Caption
*/
 
.caption {
    z-index:500;
    position:absolute;
    bottom:-35px;
    left:0;
    height:30px;
    padding:5px 20px 0 20px;
    background:#000;
    background:rgba(0,0,0,.5);
    width:540px;
    font-size:1.3em;
    line-height:1.33;
    color:#fff;
    border-top:1px solid #000;
    text-shadow:none;
}

файлы из архива закинуть в корень форума результат на скрине

 

Не плохо, только теперь не могу стиль поменять.
Кнопка не реагирует на нажатие.

Как решить?

 

возможно один из подключенных скриптов уже ранее подключили попробуйте один отключить

Код:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script src="js/slides.min.jquery.js"></script>

 

Первая строка лишней была.
Благодарю.

 

Обращайся если что

 

Ещё проблема: перестало работать всплывающее описание разделов. Не реагирует.
Как исправить?

 

нужно шаблоны просматривать пишите мне в скайп fillxxx4

 

В скайпе не сижу, слайдер пока на локалке.

 

тогда ищите сами это скорее всего конфликт скриптов

 

Ещё вопрос: когда меняю тэги title="Трис Меригольд" и т.д. или убираю их вообще, всё равно показывает.

 

кеш браузера надо почистить
--- добавлено : 5 янв 2013 в 19:18 ---
попробуйте сменить картинку и надпись

 

Изображение меняется, а вот подпись нет.

 

попробуйте поставить 2 новых изображения и 2 подписи (менять в 3 местах) а, астральной код уберите

 

Вопрос: например мне нужно вставить код слайдера выше содержимого (forum_list), я вставляю его в page_container. Как сделать, чтобы он показывался только на главной странице?
Или в таком случае в какой шаблон лучше вставить код?

 

в самый верх forum_list но отображаться будет над списком категорий
--- добавлено : 20 янв 2013 в 17:54 ---
у вас лицензия или нет?