1

Прикрутил к сайту ротатор картинок

Как заставить его менять картинки автоматически, а не только при нажатии на кнопку следующего кадра?

Вот сам код слайдера:

function _init_slider1 (carousel) {
    $('#slider_keis .nav_box a').bind('click', function() {
        var index = $(this).parent().find('a').index(this);
        carousel.scroll( index + 1);
        return false;
    });
};

function _active_slide1 (carousel, item, idx, state) {
    var index = idx - 1;
    $('#slider_keis .nav_box a').removeClass('active');
    $('#slider_keis .nav_box a').eq(index).addClass('active');
};

$(document).ready(function() {
    $("#slider_keis ul").jcarousel({
        scroll: 1,
        wrap: 'both',
        auto: 0,
        initCallback: _init_slider1,
        itemFirstInCallback: _active_slide1
    });
}); 
1
  • Ищите номер версии jCarousel, которую вы используете! API этого плагина существенно менялся, поэтому без версии ничего конкретного посоветовать нельзя. 13 авг 2015 в 19:49

2 ответа 2

1

У jCarousel есть плагин, который так и называется Autoscroll Plugin. Пример использования и его конфигурацию можно посмотреть там же.

В вашем случае получится что-то вроде:

// Some code here...

$(function(){
    $("#slider_keis ul")
    .on('jcarousel:create', _init_slider1)
    .on('jcarousel:firstin', 'li', _active_slide1)
    .jcarousel({
        wrap: 'both',
    })
    .jcarouselAutoscroll({
        interval: 3000,
        target: '+=1',
        autostart: true
    });
}); 
4
  • у меня это не работает, уже пробовал. тогда перестает работать и вручную - обновляет страницу вместо переключения слайда. говорят из-за старой версии jcarousel
    – Влад
    14 авг 2015 в 11:16
  • @Creamov, Autoscroll плагин работает только со свежими версиями, а jCarousel, а у @Влад, что-то очень протухшее (0.1.x или что-то вроде)... 14 авг 2015 в 12:42
  • @Влад покажите код вашего jCarousel (разместите код на pastebin.com или в подобном месте и дайте ссылку) — тогда я напишу вам другое решение, соответствующее вашей версии.
    – Creamov
    14 авг 2015 в 16:35
  • @Влад или же просто используйте свежую версию jCarousel, если это допустимо.
    – Creamov
    14 авг 2015 в 16:44
-1
function _init_slider (carousel) {
          $('.box_main_nav .inner a').bind('click', function() {
            var index = $(this).parent().find('a').index(this);
            carousel.scroll( index + 1);
            return false;
          });
          $('#main .nav_box a').bind('click', function() {
            var index = $(this).parent().find('a').index(this);
            carousel.scroll( index + 1);
            return false;
          });

          max1 = $('#main .nav_box a').length;
          auto1 = setInterval(function(){
            index = $('#main .nav_box').find('.active').index();
            if(++index == max1){index=0;}
            $('#main .nav_box a').eq(index).click();
          },1000);

        };
8
  • а куда этот кусок кода нужно вставить? у меня в index.html такие кнопки. <a href="" class="item1"> <a href="" class="item2"> <a href="" class="item3"> <a href="" class="item4"> <a href="" class="item5"> и переключение кнопок нужно сделать c помощью if?
    – Влад
    14 авг 2015 в 9:47
  • есть возможность показать страничку? более развернуто смогу ответить. .click() выполняет тоже самое что и клик мыши, но я не вижу что этот плагин делает с dom. поэтому трудно сказать. slidesjs.com я обычно использую этот плагин. 99% задач решает
    – Anser
    14 авг 2015 в 11:16
  • вам как то скинуть исходники? вы бы смогли посмотреть?
    – Влад
    14 авг 2015 в 11:27
  • выложи на google disk
    – Anser
    14 авг 2015 в 11:46

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.