Попытка изменить src изображения с помощью sessionStorage

Question

У меня есть 2 html-страницы с изображением на каждом из них. Мне нужно иметь возможность щелкнуть изображение на 2-й странице и перенаправить меня на 1-ю страницу - при первом изменении image.src на втором.

Что такое лучший/правильный Способ для этого? Я пытался сделать это, сохранив src в sessionStorage, но он, похоже, не работает. Вот код для setItem:

<script type="text/javascript"> 
$('.images').on('click', '.groupOne', function(){ 
    var image = $(this).find("img"); // selects images inside group 
    var imageSrc = img.first().attr("src"); // get src of first image 
    sessionStorage.setItem("choice", imageSrc); 
    window.location.href = 'firstPage.html'; 
}); 
</script> 

А затем изменить первое изображение, мне нужно использовать getItem:

<script type="text/javascript"> 
$(document).ready(function() { 
    var imgTwo = sessionStorage.getItem("choice"); 
    var imgOne = document.getElementById("pageOneImage"); 
    imgOne.src = imgTwo; //sets src of img1 to src of img2 
}); 
</script> 

Но это, кажется, не работает. Есть ли более простой способ сделать это, используя больше jQuery? Спасибо!

Answer 1

Возможно, это не лучшее решение, но как насчет добавления src в качестве параметра в строку запроса?

На второй странице:

window.location.href = 'firstPage.html?src=' + src; 

И первая страница:

var reg = new RegExp("(^|&)src=([^&]*)(&|$)", "i"); 
var r = window.location.search.substr(1).match(reg); 
var src = r != null ? unescape(r[2]) : null; 

Теперь вы получили СРК, если перенаправление на второй странице.