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

var ms2Gallery = {
    initialize: function (selector) {
        var galleries = $(selector);
        if (!galleries.length) {
            return false;
        }
 
        if ($(document).find('.fotorama').length) {
            this.fotorama();
        }
 
        galleries.each(function () {
            var gallery = $(this);
            if (gallery.hasClass('fotorama')) {
                return;
            }
            var thumbnails = gallery.find('.thumbnail');
            thumbnails.on('click', function (e) {
                e.preventDefault();
                thumbnails.removeClass('active');
 
                var thumbnail = $(this);
                thumbnail.addClass('active');
 
                var main = gallery.find('#mainImage, .mainImage');
                main.attr('src', thumbnail.attr('href'));
                main.parent().attr('href', thumbnail.data('image'));
 
                var image = $(this).find('img');
                if (image.length) {
                    main.attr('title', image[0].title)
                        .attr('alt', image[0].alt);
                }
 
                return false;
            });
            gallery.find('.thumbnail:first').click();
        });
 
        return true;
    },
 
    fotorama: function () {
        $('<link/>', {
            rel: 'stylesheet',
            type: 'text/css',
            href: ms2GalleryConfig.cssUrl + 'lib/fotorama.min.css',
        }).appendTo('head');
        $('<script/>', {
            type: 'text/javascript',
            src: ms2GalleryConfig.jsUrl + 'lib/fotorama.min.js',
        }).appendTo('head');
    }
};
 
$(document).ready(function () {
    ms2Gallery.initialize('#msGallery, .ms2Gallery');
});

var ms2Gallery = {
    // функция инициализации, как аргумент принимает селектор (jquery selector)
    initialize: function (selector) {
        var galleries = $(selector); // ищем элементы по нашему селектору
        if (!galleries.length) {
            // если не нашли выходим
            return false;
        }
         
        // ищем что-то с классом fotorama
        if ($(document).find('.fotorama').length) {
            // если не нашли вызываем fotorama метод
            this.fotorama();
        }
        
        // для каждого элемента который мы нашли выполняем функцию
        galleries.each(function () {
            var gallery = $(this); // 1 элемент селектора
            if (gallery.hasClass('fotorama')) {
                return; // выходим если у него нет класса fotorama
            }
            // ищем что-то с классом thumbnail
            var thumbnails = gallery.find('.thumbnail');
            // подписываемся на событие клика по чему-то с классом thumbnail
            thumbnails.on('click', function (e) {
                e.preventDefault(); // останавливаем действие по умолчанию (типо переход по ссылке, если элемент a)
                thumbnails.removeClass('active'); // убираем класс active со всех элементов
 
                var thumbnail = $(this); // сохраняем jquery референс на нажатый thumbnail
                thumbnail.addClass('active'); // добавляем класс active к нажатому элементу
 
                var main = gallery.find('#mainImage, .mainImage'); // находим элемент #mainImage или .mainImage в галереи
                main.attr('src', thumbnail.attr('href')); // меняем аттрибут src (обычно на img) на то значение, которое указано в href нажатого элемента 
                main.parent().attr('href', thumbnail.data('image')); // для родителя main задаём аттрибут href который равен аттрибуду data-image у нажатого элемента
 
                var image = $(this).find('img'); // ищем элемент img у нажатого элемента
                if (image.length) { // если нашли
                    main.attr('title', image[0].title) // меняем аттрибут title у main на то, что в первой картинке в аттрибуте title
                        .attr('alt', image[0].alt); // меняем аттрибут alt у main на то, что в первой картинке в аттрибуте alt
                }
                // возвращаем false
                return false;
            });
            // кликаем по первому элементу .thumbnail (видимо что бы показать main картинку)
            gallery.find('.thumbnail:first').click();
        });
 
        return true;
    },
 
    fotorama: function () {
        // создаём элемент link с ссылкой на стили fotorama и добавляем в head элемент
        $('<link/>', {
            rel: 'stylesheet',
            type: 'text/css',
            href: ms2GalleryConfig.cssUrl + 'lib/fotorama.min.css',
        }).appendTo('head');
        // создаём элемент script с ссылкой на стили fotorama и добавляем в head элемент
        $('<script/>', {
            type: 'text/javascript',
            src: ms2GalleryConfig.jsUrl + 'lib/fotorama.min.js',
        }).appendTo('head');
    }
};
 
// подписываемся на событие, которое вызывается когда DOM "безопасно" готов к работе (значит что весь html и js и css браузером был обработан)
$(document).ready(function () {
    // вызываем функцию и передаём селектор
    ms2Gallery.initialize('#msGallery, .ms2Gallery');
});