我有兩個html頁面,每個頁面上都有一個圖像。我需要能夠點擊第二頁上的圖像,並讓它重定向到第一頁 - 第一個圖像變爲第二個圖像。嘗試使用sessionStorage更改圖像的src
什麼是最佳/正確方式做到這一點?我一直試圖通過在sessionStorage中存儲src
來做到這一點,但它似乎沒有工作。 這裏是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來做到這一點嗎?謝謝!
發佈html以上 –
更改sessionStorage到localStorage –