Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.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_Html_Image_Thumbnails - Fatal编程技术网

选中时弹出的缩略图图像(javascript)

选中时弹出的缩略图图像(javascript),javascript,html,image,thumbnails,Javascript,Html,Image,Thumbnails,因此,我想知道是否有可能,例如,我有一个图像列表,当我从中选择一个时,图像显示比另一个大,而其他图像显示在缩略图中,如果我选择另一个缩略图,大图像将被我选择的图像替换,等等。。。但是在javascript(和html)中呢?如果是的话,代码结构是什么并且不使用jquery或类似的javascript代码生成器;我想自己手动操作 谢谢看看Lightbox jQuery插件。这可能就是你要找的 你的意思是这样的吗?(或至少在正确的轨道上) HTML: JavaScript: var a = d

因此,我想知道是否有可能,例如,我有一个图像列表,当我从中选择一个时,图像显示比另一个大,而其他图像显示在缩略图中,如果我选择另一个缩略图,大图像将被我选择的图像替换,等等。。。但是在javascript(和html)中呢?如果是的话,代码结构是什么并且不使用jquery或类似的javascript代码生成器;我想自己手动操作


谢谢

看看Lightbox jQuery插件。这可能就是你要找的


你的意思是这样的吗?(或至少在正确的轨道上)

HTML:


JavaScript:

var a = document.getElementsByTagName("a"),
popup = document.getElementById("popup"),
img = document.getElementsByTagName("img")[0];

for(i = 0; i < a.length; i++)
{
    a[i].onclick = function(){
        popup.style.display="block";
        img.src = this.href;
        img.alt = this.innerHTML;
        return false;
    }
}
var a=document.getElementsByTagName(“a”),
popup=document.getElementById(“popup”),
img=document.getElementsByTagName(“img”)[0];
对于(i=0;i
谢谢,不过我修改了我的问题;我忘了说我想在没有外部插件或jquery的情况下完成它;我想自己手动完成(代码)。
var a = document.getElementsByTagName("a"),
popup = document.getElementById("popup"),
img = document.getElementsByTagName("img")[0];

for(i = 0; i < a.length; i++)
{
    a[i].onclick = function(){
        popup.style.display="block";
        img.src = this.href;
        img.alt = this.innerHTML;
        return false;
    }
}