Как я могу изменить изображение в кликабельное изображение? - PullRequest
0 голосов
/ 12 января 2019

Можете ли вы, ребята, скажите, пожалуйста, как я могу изменить это изображение в кликабельное изображение? На самом деле это 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/

1 Ответ

0 голосов
/ 13 января 2019

Добавьте обработчик onclick к элементу img:

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

Следующий шаг - узнать, каким должно быть ваше действие по щелчку. Мы не можем вам в этом помочь, но вы можете задать еще один вопрос SO, если он ясен и правильно исследован, показывая, что вы пробовали, и объясняя, где вы застряли.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...