javascript - 图片库的新功能 - 选中时缩略图会展开为全尺寸答案

【问题标题】：new to javascript- image gallery- thumbnails expand to full size when selectedjavascript - 图片库的新功能 - 选中时缩略图会展开为全尺寸
【发布时间】：2012-08-20 12:57:57
【问题描述】：

work in progress- live site

我有一个包含多个子页面的图库页面。每个子页面的左侧都有一行缩略图。 When one of the thumbnails is selected, it will show larger on the right.这是一个 Wordpress 网站，但有人告诉我 JS 可能是最好的选择。我对JS相当缺乏经验，所以我不确定如何去做。

如何显示缩略图和所选图像？

【问题讨论】：

您会为缩略图和大图使用不同的图像吗？
@sogeek 我最初的想法是每个缩略图都会不同，大图将是用户点击的缩略图。但是，不用说，我愿意接受建议 - 任何最简单和最有效的建议。
你熟悉 jQuery 吗？
我不是。 @Charles 提供了一个教程网站的链接，不过这似乎很有帮助。

标签： javascript image thumbnails

【解决方案1】：

有很多 jQuery (jQuery is very powerful!!) 库插件可以满足您的需求。看看这个很棒的网站awesome jQuery tutorials，里面有很多关于如何构建鼓舞人心的图片库的详细教程。

除了JS/jQuery，你还需要知道如何使用Html && CSS。

基本思想是在hover() 缩略图时显示/隐藏（静态或通过ajax 动态加载）您的大图像。

【讨论】：