如何将图像更改为可点击的图像？答案

【问题标题】：How can I change image into clickable image?如何将图像更改为可点击的图像？
【发布时间】：2019-01-13 17:03:09
【问题描述】：

你们能告诉我如何将这张图片变成可点击的图片吗？实际上它是一个调用 HTML 代码，当有人单击按钮时会显示图像，但我想显示可点击的图像。我该怎么做？

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Tesco JSONP</title>

    <script type="text/javascript">

        function picture(){ 
        var pic = "http://img.tesco.com/Groceries/pi/118/5000175411118/IDShot_90x90.jpg"
        document.getElementById('bigpic').src = pic.replace('90x90', '225x225');
        document.getElementById('bigpic').style.display='block';

        }


    </script>


</head>

<body>


        <img id="bigpic" src="bigpic" style="display:none;" />

    <button onclick="picture()">Enlarge</button>

</body>

</html>

http://jsfiddle.net/eX5kx/

【问题讨论】：

您可以在img 元素上附加另一个onclick 处理程序，并编写另一个函数，如picture()，它可以满足您的需求。希望这是一个很好的起点，如果您不确定如何实现这一点，我建议您阅读一些教程，然后回来编辑您遇到问题的问题。
hi.thanks 但我听不懂你说什么你能纠正我的 html 代码

标签： html clickable-image

【解决方案1】：

将onclick 处理程序添加到您的img 元素：

<img id="bigpic" src="bigpic" style="display:none;" onclick="alert('clickable')" />

下一步是了解您希望点击操作是什么。我们无法为您提供帮助，但欢迎您提出另一个 SO 问题，只要它清楚且经过适当研究，显示您尝试过的内容并解释您遇到的问题。

【讨论】：