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

单击图片缩略图并使用javascript扩展到中心,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我不知道问这个问题的最佳方式,但我会尝试一下 我有3张照片的缩略图,对应于人们的bios。我试图让bios列出缩略图,然后让用户能够单击缩略图并将图片扩展到屏幕中间。当用户点击图片时,页面将恢复正常 我确信这有一个术语,我确信这是一个简单的jQuery方法,但是我很难找到这样做的代码 谢谢你的帮助 Ryan这个词是一个灯箱。有很多。我在这方面有很好的经验 要使用它们,您可以针对所有具有直接子项img标记的锚定标记,例如: $('a:has(img)').fancybox(); 听起来你只想使用

我不知道问这个问题的最佳方式,但我会尝试一下

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

我确信这有一个术语,我确信这是一个简单的jQuery方法,但是我很难找到这样做的代码

谢谢你的帮助


Ryan

这个词是一个灯箱。有很多。我在这方面有很好的经验

要使用它们,您可以针对所有具有直接子项
img
标记的锚定标记,例如:

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

听起来你只想使用lightbox样式的插件。如果我正在使用的文件当前已经需要这些脚本才能正常工作,那么如果我添加了其他脚本,则fancy box列表将无法使用当前脚本。我怎样才能解决这个问题?你能把你的HTML标记粘贴到你的网页上吗?将更容易补救。这是没有fancybox的。我想说的是,当我在页面顶部添加fancybox所需的脚本时,它使我的jscript的其余部分无法使用。这个html部分是我想要一个lightbox的5个图像。您已经将一些html粘贴到javascript部分。只需将整个HTML文件粘贴到左上角的框中(标记为HTML),您的页面就不会通过验证。使用(通过直接输入验证,粘贴到HTML中)并处理HTML,直到验证为止。