单击图片缩略图并使用javascript扩展到中心答案

【问题标题】：Clicking on a picture thumbnail and expanding to the center with javascript单击图片缩略图并使用javascript扩展到中心
【发布时间】：2011-08-20 01:58:35
【问题描述】：

我不知道问这个问题的最佳方式，但我会试一试。

我有 3 张照片的缩略图，对应于人们的简历。我试图让 bios 列出缩略图，然后让用户能够单击缩略图并将图片扩展到屏幕中间。当用户点击离开图片时，页面恢复正常。

我确信有一个术语，我确信它是一个简单的 jQuery 方法，但我无法找到这样做的代码。

感谢您的帮助！

瑞恩

【问题讨论】：

听起来您只想使用灯箱样式插件。

标签： javascript jquery html css

【解决方案1】：

这个词是一个灯箱。有很多jQuery lightbox plugins。我对FancyBox 有很好的体验。

要使用它们，您可以定位所有具有直接子 img 标签的锚标签，例如：

$('a:has(img)').fancybox();

【讨论】：

如果我正在使用的文件已经需要这些脚本来运行当前
您能将您的 HTML 标记粘贴到 jsfiddle 吗？会更容易补救。
jsfiddle.net/TAgwU 这没有花式框。我的意思是，当我在页面顶部添加了 fancybox 所需的脚本时，它使我的 jscript 的其余部分无法使用。这个 html 部分是我想要一个灯箱的 5 张图片。
您已将一些 HTML 粘贴到 javascript 部分。只需将整个 HTML 文件粘贴到左上角的框中（标记为 HTML）。
您的页面未通过验证。使用W3C validator（通过直接输入验证，粘贴到您的 HTML 中）并处理您的 HTML，直到它验证为止。