Question

所以我有一个脚本问题，需要一些帮助

我认为你们中的一个人可能能够帮助我解决这个问题。

我想建立一个简单的概念网站，我可以稍后扩展，但现在这就是我想要发生的事情

我想要一个带有单个图像的索引页面。这是它变得棘手的地方。

我希望索引的几个“隐藏”子页面只包含一个脚本，该脚本将在访问该特定子页面时自动运行，该子页面将索引页面上的图像更改为指定图像，直到访问了另一个子页面。

...即

www.thisparticularwebsite.com（索引/主页/登录页面）上有图像

访问www.thisparticularwebsite.com/sub-page-1

www.thisparticularwebsite.com现在已将指定的图像分配给子页面-1，如果访问www.thisparticularwebsite.com则仍然如此

访问www.thisparticularwebsite.com/sub-page-2

www.thisparticularwebsite.com（索引/主页/目标网页）现在已将新的指定图像分配给子页面2并保持这种状态，直到访问另一个子页面

依旧等等

我不需要......或者想......它是随机图像......

这在我的脑海中是有意义的...我希望它按照预期发现。我该如何实现这一目标？我有一个简单的交互式项目的想法（至少对我来说似乎相对简单）我想开始，如果有人愿意花一点时间并帮助我完成它的部分工作。如果你们中的任何一个人知道如何做到这一点......那真是太棒了！

Answer 1

如果您希望特定用户实现此目的，那么使用Cookie就足够了：

让每个子页面将相应的图像URL保存到cookie中。
让目标网页使用从Cookie中加载的网址显示图片。

可以在此处找到使用JavaScript中的Cookie的示例：JavaScript Cookies

但如果您希望所有用户都能看到上次访问过的子页面的图像，那么您需要一些服务器端的内容：

选择您要存储图片网址的某种商店，例如：数据库/文件系统/缓存（不太可能 - 这可能会过期）等。
让每个子页面将相应的图像URL保存到商店。
让目标网页使用从商店加载的网址显示图片。

可以在此处找到使用ASP.NET（C＃）代码处理数据库的示例：SqlCommand Class

我希望这会有所帮助。

Answer 2

每页使用一个参数，这是页面上图像的索引。将每个图像初始设置为style =“display：none”以确保它不会在标记中呈现。然后检查页面URL上的当前参数以确定要显示的特定图像的索引，如下所示：

<强>标记：

<html>
...
<img src='...../image1.gif' />
<img src='...../image2.gif' />
<img src='...../image3.gif' />
...
</html>

示例网址

http://locahost/aaaa.html?imgIndex=1

jquery显示特定图片

感谢Artem Bager的url param function here

function getParameterByName( name )
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}

$(document).ready(function() {
var imgIndex = (int)getParameterByName('imgIndex');
$('img').eq(imgIndex).show();
});

这使解决方案按照原始请求完全编写脚本。但是，根据我的评论，我认为这种要求的方法存在缺陷。

Answer 3

如果它是完全相同的域，您可以使用一系列cookie。如果您的用户将提交表单，您可以从那里获取值。

绝对需要有关您要使用的平台的更多信息。

持久的jQuery

3 个答案: