1

我正在用 javascript 制作一个画廊，但我的代码有问题。我有六个缩略图，我希望能够单击其中一个并在隐藏其他缩略图时将其放大，然后在再次单击时缩小。我找到了一种相当重复的方法，但它只适用于其中一张照片，不适用于其他照片，我不知道为什么！

这是我的javascript：

function get_thumbs1() {
document.getElementById('thumbnailwrapper').style.visibility='visible';
document.getElementById('photo1a').style.visibility='hidden';
}
function get_big1() {
document.getElementById('thumbnailwrapper').style.visibility='hidden';
document.getElementById('photo1a').style.visibility='visible';
}


function get_thumbs2() {
document.getElementById('thumbnailwrapper').style.visibility='visible';
document.getElementById('photo2a').style.visibility='hidden';
}
function get_big2() {
document.getElementById('thumbnailwrapper').style.visibility='hidden';
document.getElementById('photo2a').style.visibility='visible';
}

等所有六张照片，只是改变数字

我的源代码使它变大：

<div id="thumbnailwrapper">
<a href="#" onMouseOver="hoverPhoto1()" onMouseOut="unHoverPhoto1()" onClick="get_big1()">  <div id="photo1"></div></a>
<a href="#" onMouseOver="hoverPhoto2()" onMouseOut="unHoverPhoto2()" onClick="get_big2()"><div id="photo2"></div></a>
</div>

等其他人

为了让它再次变小，

<div id="largeimage_wrapper">
<a href="#" onClick="get_thumbs1()"><div id="photo1a"></div></a>
<a href="#" onClick="get_thumbs2()"><div id="photo2a"></div></a>
</div>

等等

请帮我！谢谢 ：）

4

0 回答 0