Javascript 图像库答案

【问题标题】：Javascript Image GalleryJavascript 图像库
【发布时间】：2012-10-24 13:41:24
【问题描述】：

（我的编码经验有限）

我有一个网站的模板文件，目前该网站的图片库在新页面中打开，我希望图片库不打开其他页面/选项卡，而是包含五行中的图片和一个大的主图像在同一页面内的所有行下，我希望用鼠标滚动时的主图像会放大图片此外，当您单击较小的附加图像（五行）时，它会改变主图像更大的图像到被点击的图像，并允许放大功能。

我需要在模板文件中放置哪些标签（在下面的链接中），我应该将标签放在哪里？

下面显示的是模板中的当前标签

这是网站模板文件中的图库标签：

<!-- picture gallery -->
<script type="text/javascript">myThumbs = ##CST_ITEM_IMAGE_ARRAY_T##;myPix = ##CST_ITEM_IMAGE_ARRAY_M##;</script>

这是模板文件的链接和我想要完成的 pdf 文件

这是当前图片库现在的样子，需要更改为不打开新窗口

我不精通编程我了解一些事情但不了解它们是如何融合在一起的，我只知道基本的链接和标签，所以谢谢大家的帮助，我非常感谢所有的回复。我一直在谷歌搜索一切都没有成功。

【问题讨论】：

【解决方案1】：

根据我对您问题的理解，我认为您需要缩略图库之类的东西，如果需要，请参考以下网址

所以我选择了一个 (http://www.robertnyman.com/picture-slides/) 用于您的目的，因此 80% 的工作已经完成，只需下载该演示，它是否易于理解，在您的情况下，您可以看到 3 个链接在演示中单击您喜欢的并下载并使用它

所以你已经使用图片库链接下载了文件，所以你会得到一个包含画廊的 zip 文件，_Macosx 不用担心 Macosx。

现在进入图库文件，其中将有一个 index.html，css 和所需的 js，将它们复制到您需要的位置，如果您看到 index html，将会有一个 div，其中包含图片滑块容器类 div，完成复制 div 并将其粘贴到您需要的位置....就是这样：D

注意：确保为图片、缩略图、css 和 js 提供正确的路径

希望对你有帮助

【讨论】：