Какой плагин тут используется?

Question

[Genri_Rus]

Сам сайт: https://www.walmart.com/ip/Women-s-Easy-Street-Spo...

Имеется ввиду, сам слайдер и изменение цвета товаров при клике по миниатюрам
Есть ли похожий плагин на javascript или jquery ?

Comments

[Алекс Глебов]

Есть ли похожий плагин на javascript

да, react

[Genri_Rus]

Алекс Глебов, нет, я имел ввиду плагин на jquery с таким функционалом ?

Answer 1

[Tshmt]

https://jsfiddle.net/rabiee3/ftkuub3j/

Comments

[Genri_Rus]

Спасибо
А вот именно плагин, в котором можно изменять цвет и вариативность ?

[Tshmt]

тут 3 строчки кода, плагин не нужен.
по клику подмениваешь нужный src

[Genri_Rus]

Tshmt, а как цвет менять при клике, группировать по цвету ?

[Genri_Rus]

Tshmt, а если по клику нужно не одну картинку вывести ?

[Tshmt]

в обработчике клика подставляй столько сколько нужно

[Genri_Rus]

Tshmt, а если мне нужно слайдер сделать и чтобы в самом слайдере все менялось ?

[Tshmt]

точно по такому-же принципу

[Genri_Rus]

Tshmt, а у них как сделано: https://myxbag.ru/ ?

[Tshmt]

так само, везде принцип один и тот-же.
Подмена src изображения.

[Genri_Rus]

Tshmt, я не увидел у них подмену изображений по src

[Tshmt]

Та ладно.
customNew.js 37 строка

$('.ch,.sz').click(function() {
        $(".sizers label,.colors label").removeClass("act");
        var color = $(this).attr("title");
        var size = $('input:radio[name=size_chehol]:checked').val();
        var color = $('input:radio[name=color_chehol]:checked').val();
        var idcolor = $('input:radio[name=color_chehol]:checked').attr('id');
        $('#siz' + size + '').addClass("act");
        $('#for' + idcolor + '').addClass("act");
		
        $.ajax({
            type: "POST",
            url: 'ajax/calc.php',
            data: '&tip=1&size=' + size + '&color=' + color + '',
            beforeSend: function() {
                $('#main_img').attr('src', 'https://myxbag.ru/img/ring.svg');
            },
            success: function(data) {
                var obj = JSON.parse(data);
                $('#main_img').attr('src', obj.img_big);
                $('#main_articul').text(obj.articul);
                $('#main_price').text(obj.price);
                $('#color_txt').text(obj.color);
                $('#title_txt').text(obj.mess);
            }
        });
    });

[Genri_Rus]

Tshmt, ну вот я так сделал, но почему-то не хочет меняться:

https://codepen.io/Genri_Rus/pen/VwwoLrd