缩略图库，用于在单击时在同一页面上加载图像描述和完整大小

Question

我想创建something like this。

我从哪里开始使用javascript？此外，是否可以使用Nextgen Gallery插件或其他Wordpress插件自定义此类内容？

Answer 1

你需要两件事：

1. 将缩略图Object值（或任何其他标识符）映射到所需网址和说明字符串的数据src。
2. 缩略图的一些Event处理程序，用于获取数据Object中的相应条目，并设置突出显示img Node的{​​{1}}属性作为描述文本。

---

所以，我们假设这是您的数据src：

Object

---

现在，您只需获得引发var data = { <src>: { "url": <url for the large image> , "text": <description for the large image> } , <another src>: { //.. } } 的缩略图src img的{​​{1}}，并在数据Node中获取相应的条目，

Event

然后，您只需更改大Object var img = /* the reference to the img Node that raised the event */ ; var src = img.getAttribute("src") ; var entry = data[src] ; var url = entry.url , text = url.text ; 的{​​{1}}属性以及包含说明的src的文本内容。 您也可以使用img属性执行相同的操作。

HTH