Как сделать слайдер для такой галереи?

107
07 июля 2021, 23:40

Имеется галерея

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

Картинки беру из backgound-image вот js код

var $galleryItem = $('.gallery_item');
    var $galleryMain = $('.gallery_main');
    $galleryItem.click(changePhoto);
    function changePhoto() {
        var $this = $(this);
        var newImage = $this.css('backgroundImage');
        $galleryMain.css('backgroundImage', newImage);
        $galleryItem.removeClass('gallery_active');
        $this.addClass('gallery_active');
    }

Спасибо!

READ ALSO
Админка на JavaScript

Админка на JavaScript

Возможно ли сделать админку на JavaScript? Есть HTML и CSSПК без интернета, то есть PHP отпадает — нужно сделать, чтобы была возможность менять характеристики...

79
Удаление обработчика событий

Удаление обработчика событий

Хотелось бы узнать, есть ли способ удалить обработчик события с анонимной функцией на нативном JSПример кода:

78
Как преобразовать значение даты и времени в массиве объектов в формат Timestamps?

Как преобразовать значение даты и времени в массиве объектов в формат Timestamps?

1 Необходимо преобразовать значение даты и времени (переменная itemTimeString) в милисекунды от 1970

95
Как правильно оформлять сравнение в js?

Как правильно оформлять сравнение в js?

Часто сталкиваюсь при работе на фронте с такого рода сравнениями:

100