Question

我试图在点击按钮后显示我拍摄的照片。

到目前为止，我有这个：

<div class="btn-group" role="group" aria-label="...">
    <a href="#/" title="Help page" class="btn btn-warning">Help</a>

但是我不知道如何在点击按钮后显示照片。有什么帮助吗？

要说清楚，让我举一个例子：

当我们搜索图片并找到我们喜欢的图片时，我们点击＆＃34;查看图片＆＃34;，然后它将我们带到带有该图片的新页面。同样地，我有一个名为＆＃34; Help＆＃34;的按钮，点击它之后，我还要用我的图片进入新页面。

Answer 1

通过仔细阅读您的问题，这将做到这一点。单击该按钮后，将显示包含图像的新页面：

<div class="btn-group" role="group" aria-label="...">
    <a href="path/to/your/img.jpg" title="Help page" class="btn btn-warning">Help</a>
</div>

Answer 2

真正的问题是你想要如何显示图像？

这将显示图像，但没有更多信息，很难说它如何设计样式。

<强> HTML

<head>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>

<body>
 <button id="showme">Show me the Image!</button>
 <img src="myimage.jpg" id="myimage">
</body>

<强> CSS

#myimage {
  display: none;
}

<强> JS

$("#showme").click(function() {
  $("#myimage").css({"display": 'block'})
});

单击按钮后显示照片

2 个答案: