Как сделать слайдер для таблицы?

Question

[lucifer_jr]

Как сделать слайдер для таблицы, чтобы был как слайдер для цен здесь i-speedservise.ru? Перепробовал многие плагины, но они в основном для листов и дивов заточены. А таблица структура по сути другая. Сделал анимированный переход, но такой меня не устраивает

var phoneIsChecked = "phone0";
        var prevPhone = "";
        var sharp = '#';

        $('input[type=radio][name=phone]').change(function() {
            prevPhone = phoneIsChecked;
            phoneIsChecked = this.value;

            $(sharp + prevPhone).css({opacity: 1}).animate({opacity: 0, left: "-250px"}, 800);
            $(sharp + phoneIsChecked).css({opacity: 0}).animate({opacity: 1.0, left: "250px"}, 800);
        });
        $(document).ready(function () {
            $(sharp + phoneIsChecked).css({'opacity': '1',
                                            'left' : '250px',
            });
        })

Comments

[yakupov112]

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

Answer 1

[Василь Бойко]

в примере используется обычный слайдер с навигацией - swiper
Советую slick ищите на странице Slider Syncing

Comments

[lucifer_jr]

А подскажете как его к таблице прикрутить?

[Василь Бойко]

неправильно поставлен вопрос.
нужно таблицу "впихнуть" в слайдер, а не наоборот

[lucifer_jr]

Все сделал, но один вопрос. Методы не вызываются. например slickGoTo(slide). На что хром пишет Uncaught TypeError: slider.slickGoTo is not a function

[lucifer_jr]

На просторах интернета нашел исчерпывающий ответ. Все, спасибо за помощь

[Василь Бойко]

lucifer_jr, нз)