Реализация нестандартного слайдера

206
30 мая 2017, 01:46

Здравствуйте! Как можно реализовать круглый слайдер, похожий на этот https://art-lemon.com/ в разделе «Услуги»? По сути нужна идея, как сделать такую нестандартную пагинацию с переключателями по кругу. На просторах интернета, к сожалению, не нашел похожего jquery-плагина. В исходники смотрел, в файле https://art-lemon.com/js/main.js.pagespeed.ce.bH41er2RKT.js нашел строку:

if ($("#art-carousel").exist()) {
    (function () {
        var $slider = $("#art-carousel");
        var countInit = $slider.find("> li").length;
        var count = 1;
        $slider.find("> li").each(function () {
            if (count <= countInit) {
                $(this).children("a").append("<em>" + count + "</em>");
            } else {
                $(this).children("a").append("<em>1</em>");
            }
            count++;
        });
    })();
}

Которая по сути нужна лишь для нумерации переключателей. Буду благодарен за любую помощь!

Answer 1

А у меня было в исходном коде. Что я делаю неправильно?

READ ALSO
БЭМ именование и структура

БЭМ именование и структура

Помогите разобраться

392
Как правильнее дать большое количество CSS классов в обработку для jQuery?

Как правильнее дать большое количество CSS классов в обработку для jQuery?

Допустип есть некая страница с большим набором элементов (Bootstrap)Например необходимо забиндить на определенный набор CSS классов, определенные...

241
Реализация после двойного щелчка мыши

Реализация после двойного щелчка мыши

Всем привет! Подскажите пожалуйста как в css узнать двойной щелчок левой клавишей мыши? Те

293
Для чего нужен отрицательный отступ у блока .row?

Для чего нужен отрицательный отступ у блока .row?

Бутстрапом редко пользовался, как-то не вникал в эти положительные и отрицательные отступы блоковПодскажите, для чего в блоке

445