Question

你们能告诉我如何将这张图片变成可点击的图片吗？实际上，这是一个号召性用语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/

Answer 1

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

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

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

如何将图片更改为可点击的图片？

1 个答案: