javascript - 如何记录按下的链接？

Question

(我不想在这里添加代码，因为它会是非常大的 block ，需要解释。)

简单来说，我有:

• 一个包含 2x2 图像网格的页面(我们称其为 images.html)，
• 使用 CSS3 和 HTML5 制作的全屏图片库页面(我们称之为 gallery.html)，
• 一个样式表，用于为网站中除图库之外的每个页面的各个方面设置样式(我们称之为 main-styles.css)，
• 还有一个仅设置 gallery.html 样式的样式表(我们称其为 gallery-styles.css)。

2x2 网格 (images.html) 中的图像需要使用 gallery-styles.css 打开相同的 gallery.html。唯一的区别应该是全屏图库显示的图像范围。

因此对于 images.html 中的一张图片，它可能会在 gallery.html 中显示 3 张图片。但是对于 images.html 中的另一张图片，它可能会在 gallery.html 中显示 4 张完全不同的图片。

我遇到的问题是如何跟踪在 images.html 中单击的图像链接，以便在 gallery.html 中显示不同范围的图像。

gallery-styles.css 有一个定位为全屏的 div，然后是一个图像列表，例如可以浏览的不同图像的 '.image1{background-image:url(../images/1.jpg)}'(gallery.html 中的左右可单击箭头)。 HTML 将单独使用每个图像，但具有相同的内容持有者，例如

<div class="image-1 holder">

如何为 images.html 中的每个图像使用相同的 gallery.html 和 gallery-styles.css 文件？我并不完全反对 JavaScript，但仅使用 CSS3 和 HTML5 就已经走了这么远，如果可以继续这种方式的话。有可能使用输入元素的方法吗？

任何帮助都很棒，谢谢。

Answer 1

有两种方法可以处理来自页面的信息:客户端脚本(JS)和服务器端脚本(PHP 或类似的)，除非你有大量的手工编码的 html 页面，你可以为相应的链接加载点击次数。

鉴于此，您要么直接从链接链接到您的硬编码页面，我想您已经想到了，

或者，您以 http://myserver.asdf/gallery.php?linkid=12&someotherparam=somevalue

形式将参数传递给服务器端

在这种情况下，您可以在服务器端捕获这些参数并生成包含所需图像的页面。在 php 中，所有参数都可以在 $_REQUEST 数组中找到。

这是否回答了您的问题？