Question

我在asp.net MVC應用程序的主頁中有一個5圖片滑塊。現在，當用戶點擊應用程序中的其他菜單選項卡時，圖像滑塊上次顯示的圖像應存儲在cookie中。所以當用戶回到主頁時，圖像滑塊將從最後看到的圖像開始。我CHTML：

<div id="sliderFrame"> 
    <div id="slider"> 
    <a id="image1" href='#' class='linkdisabled'> 
    <img src="~/content/Internal/Images/image1.jpg" alt="" /> 
    </a> 
    <a id="image2" href='#' class='linkdisabled'> 
    <img src="~/content/Internal/Images/image2.jpg" alt="" /> 
    </a> 
..... 

我想在cookie中的ID覆蓋的圖像，當用戶在餅乾回到首頁最後保存的圖像將會在圖像幻燈片顯示。 但如何獲得圖像ID並將其存儲到cookie？請幫忙。

Answer 1

首先，獲取鏈接的容器和鏈接集合此容器

var slider = document.getElementById("slider"); 
var links = slider.getElementsByTagName("a"); 

下一頁內，初始化的方法來設置cookie

function setCookie(){ 
    document.cookie="lastSeenImageId=" + this.id; 
} 

添加事件監聽到每一個環節。注意：在這個例子中，我不認爲互聯網瀏覽器< 9的支持，因爲我不知道你是否使用jQuery或你自己的方法來跨瀏覽器的兼容性：

for(var i=0; i<links.length; i++){ 

    links[i].addEventListener("click", setCookie, false); 

    /*(function(j){ 
     links[j].attachEvent("onclick", function(){ 
      setCookie.call(links[j]); 
     }); 
    })(i);*/ 

} 

最後，觸發一個click事件當一個頁面加載

​​

此代碼只是一個例子，可能需要一些修正，根據您的需要。