Javascript 如何从图像滑块中按ID获取图像并将其存储到Cookie中？

我在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>
.....

.....

我正在考虑用cookies中的ID覆盖图像，当用户返回主页时，cookies中最后存储的图像将显示在图像幻灯片中。

---

但是如何获取图像id并将其存储到cookies中呢？请帮忙

首先，获取该容器中的链接容器和链接集合

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

接下来，初始化一个方法来设置cookie

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

向每个链接添加事件侦听器。注意：在这个例子中，我不考虑Internet Explorer < 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);*/

}

---

这段代码只是一个示例，可能需要根据您的需要进行一些更正。

谢谢。我有.js文件：'var slideoptions={sliderId:'slider'，startSlide:0，effectRandom:false，pauseTime:2600，transitionTime:0个片段：12，box:8，hoverPause:1，autoAdvance:true，captionpacity:0.3，captionEffect:'fade'，thumbnailsWrapperID:“thumbs”，m:false，license:“mylicense”，}；var imageSlider=新的imageSlider（sliderOptions）；函数ImageSlider（k）{for（var T=function（a）{return document.getElementId（a）}，d=“length”ab=“getElmentByTagName”..“那么我应该在.js文件中添加所有函数吗？不，这是一个独立的代码，必须在DOM准备就绪时启动。我认为不进行测试就使用此代码不是一个好主意，你能告诉我你的网站地址以便我可以帮你吗？”？

function fireAnEvent(){

    var cookie = document.cookie;

    if(cookie && document.cookie.test(/lastSeenImageId=([^;]+)/)){
        var link = document.getElementById(RegExp.$1);
        link.click();    
    }

}

window.addEventListener("load", fireAnEvent, false);
// window.attachEvent("load", fireAnEvent);