javascript - 如何设置图像路径的样式

Question

情景:我正在接手一位网络开发人员，他把网站弄得一团糟。网站上的每张图片(数千张)都包裹在一个 anchor 标签中，将用户带到图片自己的路径:

<a href="http://www.websitename.com/image_path.jpg">
  <img src="http://www.websitename.com/image_path.jpg" />
</a>

这是典型的网络图像路径页面:图像是全尺寸的，位于左上角，空白填充页面的其余部分。 header 似乎没有网站其余部分存在的动态 header 信息。

问题:有没有办法设置此页面的样式？如何将样式表强制放入此 header 中？或者这是不可能的？如果不可能，是否有任何骇人听闻的方法来劫持包裹每张图片的 anchor 标签？也许使用 jQuery 或 JavaScript？

Answer 1

听起来像是 lightbox 的工作.

(请注意，可能有数百种不同的灯箱，因此您应该研究它们并找到您喜欢的东西)。

或者，您可以在服务器 (apache/nginx) 级别重定向请求，并将图像路径重定向到某个对其进行样式设置的脚本。