Javascript 图片库

Question

(我的编码经验有限)

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

我需要在模板文件中放置什么标签(在下面的链接中)，我应该把标签放在哪里？

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

这是站点模板文件中的图片库标签:

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

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

http://sdrv.ms/UCHk8z

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

http://www.ebay.com/itm/4-Behringer-B208D-Active-800-Watt-2-Way-PA-Speaker-Systems-8-Woofer-/390478326914?pt=US_Pro_Audio_Speakers_Monitors&hash=item5aea526c82

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

Answer 1

根据我对你的问题的理解，我认为你需要像 Thumbnail gallery 这样的东西，如果需要的话，请引用下面的 url

http://www.queness.com/post/3141/10-image-galleries-jquery-script-with-thumbnail-filmstrip

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

所以您已经使用图片库链接下载了文件，因此您将获得一个包含图片库和 _Macosx 的 zip 文件，不要为 Macosx 而烦恼。

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

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

希望对你有帮助