Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 缩略图库,单击可在同一页面上加载图像描述和完整大小_Javascript_Image_Wordpress_Gallery_Thumbnails - Fatal编程技术网

Javascript 缩略图库,单击可在同一页面上加载图像描述和完整大小

Javascript 缩略图库,单击可在同一页面上加载图像描述和完整大小,javascript,image,wordpress,gallery,thumbnails,Javascript,Image,Wordpress,Gallery,Thumbnails,我想创造 从哪里开始使用javascript?另外,是否可以使用Nextgen Gallery插件或其他Wordpress插件自定义类似的内容?您需要两件事: 将缩略图src值或任何其他标识符映射到所需URL和描述字符串的数据对象。 缩略图的一些事件处理程序获取数据对象中的相应条目,并设置高亮显示img节点的src属性以及描述文本。 假设这是您的数据对象: );然后,您只需更改大型img节点的src属性和包含描述的节点的文本内容。 您还可以使用id属性执行相同的操作 HTH我认为这个问题更适合站

我想创造


从哪里开始使用javascript?另外,是否可以使用Nextgen Gallery插件或其他Wordpress插件自定义类似的内容?

您需要两件事:

将缩略图src值或任何其他标识符映射到所需URL和描述字符串的数据对象。 缩略图的一些事件处理程序获取数据对象中的相应条目,并设置高亮显示img节点的src属性以及描述文本。 假设这是您的数据对象:

);然后,您只需更改大型img节点的src属性和包含描述的节点的文本内容。 您还可以使用id属性执行相同的操作


HTH

我认为这个问题更适合站长。另外,你也可以在谷歌上搜索“javascript照片库”。如果你有更具体的问题,比如“?”,请在这里发布。
var data = {
    <src>: {
        "url": <url for the large image> ,
        "text": <description for the large image>
    } ,
    <another src>:  {
        //..
    }
} 
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 ;