Question

所以我想知道是否有可能，例如，我有一个图像列表，当我从中选择一个时，图像显示比另一个更大，以便在其他人和缩略图中看到它，如果我选择另一个缩略图，大图像被我选择的那个替换等...但是在javascript（和html）中？如果是这样，那么代码结构是什么呢？ 并且不使用jquery或类似的javascript代码生成器之类的东西;我想自己手动执行

由于

Answer 1

看一下Lightbox jQuery插件。它可能是你正在寻找的东西

http://www.lokeshdhakar.com/projects/lightbox2/?u=9 1

Answer 2

你是说这样的意思吗？（或者至少在正确的轨道上）

<强> JSFiddle

HTML：

<a href="http://placehold.it/500">http://placehold.it/500</a>
<a href="http://placehold.it/510">http://placehold.it/510</a>
<a href="http://placehold.it/520">http://placehold.it/520</a>
<a href="http://placehold.it/530">http://placehold.it/530</a>
<a href="http://placehold.it/540">http://placehold.it/540</a>
<a href="http://placehold.it/550">http://placehold.it/550</a>
<a href="http://placehold.it/560">http://placehold.it/560</a>
<a href="http://placehold.it/570">http://placehold.it/570</a>
<a href="http://placehold.it/580">http://placehold.it/580</a>
<a href="http://placehold.it/590">http://placehold.it/590</a>
<a href="http://placehold.it/600">http://placehold.it/600</a>

<div id="popup"><img src="" alt=""/></div>

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;
    }
}

选中时弹出的缩略图图像（javascript）

2 个答案: