Смена картинки на другой странице по клику js

есть код, который меняет src изображения по клику на div, проблема в том, что изображение должно меняться на другой странице, то есть естественно код не работает. Помогите поправить, в js еще зеленый.

$('.fItem img').on('click',  function (e) {
  var srcS = $(this).attr('src');
  $('.product__img img').attr('src', srcS);
});


Ответы (1 шт):

Автор решения: humster_spb

Чтобы на другой странице что-то сработало, туда надо передать информацию. Сделать это можно, например, с помощью добавления в адрес ссылки хеша c путём до картинки:

<a href="http://mysite.ru/another-page.html#path_to_pic.jpg">Переход на другую страницу</a>

А на той странице, куда осуществлён переход, обрабатываете адрес, вытаскиваете из него путь к картинке и подставляете в src:

let link = window.location.href.split('#').pop(); //получаем то, что после #
document.getElementsByTagName('img')[0].setAttribute('src', link); //подставляем в src
→ Ссылка