Question

我有这个代码来改变当时图像列表中的图像。我正在尝试使用图像列表显示一个新窗口以选择一个。

<div class="row">
    <div class="service-icon">
            <img style='margin:0; padding:0; border:0;' id="imgGaleria" onclick="imgSeleccionada='imgGaleria';" src="img/Modulo1.jpg" />
            <img style='margin:0; padding:0; border:0;' id="imgGaleria2" onclick="imgSeleccionada='imgGaleria2';" src="img/Modulo2.jpg" />
            <img style='margin:0; padding:0; border:0;' id="imgGaleria3" onclick="imgSeleccionada='imgGaleria3';"  src="img/Modulo3.jpg" />

            <div id="galeria_miniaturas">
                <img class="miniatura" onclick="javascript:document.getElementById(imgSeleccionada).src='img/Modulo5.jpg';" src="img/Modulo5.jpg" />
                <img class="miniatura" onclick="javascript:document.getElementById(imgSeleccionada).src='img/Modulo6.jpg';" src="img/Modulo6.jpg" />
                <img class="miniatura" onclick="javascript:document.getElementById(imgSeleccionada).src='img/Modulo7.jpg';" src="img/Modulo7.jpg" />
                <img class="miniatura" onclick="javascript:document.getElementById(imgSeleccionada).src='img/Modulo8.jpg';" src="img/Modulo8.jpg" />
                <img class="miniatura" onclick="javascript:document.getElementById(imgSeleccionada).src='img/Modulo9.jpg';" src="img/Modulo9.jpg" />
                <img class="miniatura" onclick="javascript:document.getElementById(imgSeleccionada).src='img/Modulo10.jpg';" src="img/Modulo10.jpg" />
                <img class="miniatura" onclick="javascript:document.getElementById(imgSeleccionada).src='img/Modulo11.jpg';" src="img/Modulo11.jpg" />
                <img class="miniatura" onclick="javascript:document.getElementById(imgSeleccionada).src='img/Modulo12.jpg';" src="img/Modulo12.jpg" />
                <img class="miniatura" onclick="javascript:document.getElementById(imgSeleccionada).src='img/Modulo13.jpg';" src="img/Modulo13.jpg" />
            </div>
        </div>
    </div>

Answer 1

您没有id为imgSeleccionada的图片所以我添加了一个，没有必要在点击一个图像时设置ID，

<div class="row">
    <div class="service-icon">
            <img style='margin:0; padding:0; border:0;' id="imgSeleccionada" src="img/Modulo1.jpg" />
            <div id="galeria_miniaturas">
                <img class="miniatura" onclick="javascript:document.getElementById('imgSeleccionada').src='img/Modulo5.jpg';" src="img/Modulo5.jpg" />
                <img class="miniatura" onclick="javascript:document.getElementById('imgSeleccionada').src='img/Modulo6.jpg';" src="img/Modulo6.jpg" />
                <img class="miniatura" onclick="javascript:document.getElementById('imgSeleccionada').src='img/Modulo7.jpg';" src="img/Modulo7.jpg" />
                <img class="miniatura" onclick="javascript:document.getElementById('imgSeleccionada').src='img/Modulo8.jpg';" src="img/Modulo8.jpg" />
                <img class="miniatura" onclick="javascript:document.getElementById('imgSeleccionada').src='img/Modulo9.jpg';" src="img/Modulo9.jpg" />
                <img class="miniatura" onclick="javascript:document.getElementById('imgSeleccionada').src='img/Modulo10.jpg';" src="img/Modulo10.jpg" />
                <img class="miniatura" onclick="javascript:document.getElementById('imgSeleccionada').src='img/Modulo11.jpg';" src="img/Modulo11.jpg" />
                <img class="miniatura" onclick="javascript:document.getElementById('imgSeleccionada').src='img/Modulo12.jpg';" src="img/Modulo12.jpg" />
                <img class="miniatura" onclick="javascript:document.getElementById('imgSeleccionada').src='img/Modulo13.jpg';" src="img/Modulo13.jpg" />
            </div>
        </div>
</div>

尝试以上代码 FIDDLE

如何更改从其他窗口中选择的图像

1 个答案: