如何从图像滑块ID获取图像并将其存储到cookie？ [英] How to get the image by ID from image Slider and store it to the cookies?

问题描述

我在asp.net MVC应用程序的主页中有一个5个图片的图像滑块。现在，当用户单击应用程序中的其他选项卡时，最后看到的图像滑块图像应存储在会话状态中。因此，当用户返回主页时，图像滑块将首先显示上次看到的图像。我的chtml：

I have an Image slider of 5 pics in Home page in a asp.net MVC application. Now when user will click on other tab within the application the last seen image of the image slider should be stored in session state. so when the user come back to the homepage,image slider will show the last seen image first. My 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>
.....

.js文件：

.js file:

var sliderOptions=
{
sliderId: "slider",
startSlide:0,
effect: "series1",
effectRandom: false,
pauseTime: 2600,
transitionTime: 0
slices:12,
boxes: 8,
hoverPause:1,
autoAdvance: true,
captionOpacity: 0.3,
captionEffect: "fade",
thumbnailsWrapperID: "thumbs",
m: false,
license: "mylicense",
};
var imageSlider= new ImageSlider(sliderOptions);
function ImageSlider(k){for(var T=function(a){return document.getElementId(a)},d="length" ab="getElmentByTagName"....

我想在cookie中用ID覆盖图像，当用户返回主页时，cookie中的最后存储图像将显示在图像幻灯片中。但是如何获取图像ID并将其存储到cookie中？请帮助。

I am thinking of overwriting images by ID in cookies and when user get back to homepage last stored image in the cookies will be shown in the image slide. But how to get the image id and store it into cookies? Please help.

推荐答案

首先，您需要确定滑块更改事件，图像将被更改。



在该事件中，您可以获取正在显示的图像，因为当时所有其他图像都应该显示无。然后将其存储在cookie中。

First of all you need to identify that slider change event, by which image is getting changed.

Inside that event, you can get the image which is displaying, because all other should be display none at that time. Then store it in cookie.

这篇关于如何从图像滑块ID获取图像并将其存储到cookie？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！