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事件当一个页面加载

​​

此代码只是一个例子，可能需要一些修正，根据您的需要。