Question

我正在网页上工作，我还在学习HTML / CSS / Javascript。我正在尝试创建一个按钮，以便从我的计算机或数据库中显示一个随机图像文件，但我不确定如何编写它。这是我的代码：

function display() {
  var popup = document.getElementById("img").src = "img_1.jpg";
}

<button class="popup" onclick="display()">ITERATION.
  <span class="popupimg" id="img">img_1.jpg</span>
</button>

Answer 1

这应该是一个img标签：）

ComboBoxOne.SelectedIndex = lstItems.FindIndex(a => a.Equals("green"));

像那样：

<span class="popupimg" id="img">img_1.jpg</span>

此外，它不必在按钮内。您的代码应该类似于

<img src="img_1.jpg" id="img" />

Answer 2

如果要显示图片，则需要使用<img>而不是<span>。

＆＃13;

function display() {
  var popup = document.getElementById("img").src = "img_1.jpg";
}

＆＃13;

<button class="popup" onclick="display()"><!-- What is this ? => ITERATION. -->
    <img id="img" src="">
</button>

＆＃13;

Answer 3

您可以执行以下操作。但你也应该检查jQuery。

＆＃13;

function display(imagepath) {
  var img = document.getElementById("img");
  img.src = imagepath;
  img.style.display = 'block';
}

＆＃13;

<img src='' style='display:none' id='img' width='120'>
<button class="popup" onclick="display('https://i.imgur.com/avAMfAu.jpg')">Show Image</button>

＆＃13;

请参阅jsfiddle

上的示例

如何创建按钮显示图像文件

3 个答案: