찾고있는 무엇을 할 수 있는가? (또는 적어도 올바른 궤도에)
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>
자바 스크립트 :
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;
}
}
감사하지만 내 질문을 수정; 나는 외부 플러그인이나 jquery없이 그것을하고 싶다는 말을 잊어 버렸고, 직접 (코드) 직접 해보고 싶다. –