JSFiddle - React, Tailwind, and code Playground

HTML

<a href="javascript:l_image ('http://copy.selftrips.ru/wp-content/uploads/2017/11/Музей-иллюзий.jpg')">Ссылка на изображение №1</a>  <a href="javascript:l_image ('http://copy.selftrips.ru/wp-content/uploads/2017/11/2017-11-29_10-14-29.jpg')">Ссылка на изображение №2</a>  <a  href="javascript:l_image ('image/img_3.png')">Ссылка на изображение №3</a> <a  href="javascript:l_image ('image/img_4.png')">Ссылка на изображение №4</a>


<img class="class1" src="http://copy.selftrips.ru/wp-content/uploads/2017/11/2017-11-29_10-14-29.jpg" alt="Планетарий" width="300" height="140"/>
--------------------------------------
  <img src="/wp-content/uploads/2017/11/Музей-иллюзий.jpg" name="example_img"
  alt="Картинки для демонстрации работы скрипта смены изображений" width="100%">

JavaScript

function l_image (a) {
    document.example_img.src=a
}
$(document).ready(function () {
    $('.class1').each(function () {
        $(this).after('<a href="javascript: l_image(\'' + $(this).attr('src') + '\'">Текст</a>').remove();
    });
});