pavelpolitaev

Тут конечно много проблем, но для начала уберите со страницы одинаковые id у div. Id на то и id, он уникальный на всю страницу. Внутри вашей функции вы работаете с классами в рамках всей страницы, а должны только в рамках текущего слайдера. Уберите все id, они не нужны здесь. Переделайте все ваши id на классы. Пропишите класс у слайдера, например, slider, потом пройдитесь по все слайдерам примерно так

let your_function = function (dom_slider){
// Код слайдера 
}
$( ".slider" ).each(function( index ) {
   your_function($(this))
});

и все поиски делайте внутри dom_slider. На jQuery, как писали выше, можно обернуть все в плагин, но смысл тот же.

Добавляете евент при наведении или клике на слайд, парсите выбранный слайд, берете путь до картинки, его можно вывести, например, в атрибут каждого слайда, далее вставляете справа в превью.