Javascript图库

时间:2012-10-24 13:41:24

标签: javascript html image-gallery

(我的编码经验有限)

我有一个网站的模板文件,目前该网站的图片库在新页面中打开,我希望图像库不打开其他页面/标签,而是包含五行一行的图像在同一页面内的行下面的大型主图像,我希望主图像用鼠标滚动它放大图片同样当你点击较小的附加图像(五行)它将改变主更大的图像到单击的图像,并允许放大功能。

我需要在模板文件中放置哪些标签(在下面的链接中)以及我在哪里放置标签?

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

这是网站模板文件中的图片库标记:

<!-- 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

我不熟悉编程我理解一些事情,但不知道它是如何一起流动的,我只知道基本的链接和标签,所以谢谢大家的帮助,我非常感谢所有的回复。我一直在谷歌搜索一切都没有成功。

1 个答案:

答案 0 :(得分:1)

根据我对您的问题的理解,我认为您需要像Thumbnail gallery这样的内容,如果是这样,请参考以下网址

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

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

所以你已经使用图片库链接下载了文件,所以你将获得一个由gallery和_Macosx组成的zip文件,不用担心Macosx。

现在进入gallery文件中将会有一个index.html,css和必需的js,将它们复制到你需要的地方,如果你看到索引html,将会有一个div,它由Picture滑块容器类div组成,完成复制div并将其粘贴到你需要的地方....那就是:D

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

希望这有帮助