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