html code for displaying image by clicking a button in browser

Question

1.00/5 (4 votes)

See more:

HTML

hi,
i want know the html code for displaying image by clicking a button in browser.

Thanks

Posted 16-Oct-12 19:08pm

sandeepatil

Updated 20-Mar-20 0:33am

Add a Solution

2 solutions

Solution 4

<html>
<head>
  <title>click</title>
  <style>
           #image{
                display:none;
      </style>
</head>
  <body>
      <div>
           <img src="medical reports.jpg" id="image" alt="Medical" />
      </div>

       <button type="button" onclick="imageShow()">ClickMe</button>

       <script>
             function imageShow(){
                    document.getElementById('image').style.display = "block";       
                    }
        </script>
</body>
</html>

Posted 20-Mar-20 0:34am

Member 14778059

Comments

Maciej Los 20-Mar-20 6:42am

Do you think that OP is interested in answer after almost 8 years?

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Ambesha · Accepted Answer · 2012-10-16T19:27:00

Solution 2

Please share the your code firstly .. I guess you want like this :

XML

<head><title>Image Display Test
    </title>
    <script type="text/javascript">
<!--
    function showImage(){
        document.getElementById('loadingImage').style.visibility="visible";
    }

    -->

    </script>
    </head>
<body>
    <input type="button" value="Show Button" onclick="showImage();"/>
    <img id="loadingImage" src="yourimage.gif" style="visibility:hidden"/>

</body>

Thanks,
Ambesha

Posted 16-Oct-12 19:27pm

Ambesha

Updated 16-Oct-12 19:28pm

v2

Comments

sandeepatil 17-Oct-12 1:39am

thank you

Ambesha 17-Oct-12 1:45am

welcome freind, please rate the solution if it comes timely and relevnt for you.

Member 14697373 22-Dec-19 18:23pm

Thank you!

html code for displaying image by clicking a button in browser

2 solutions

Solution 2

Solution 4

Add your solution here

Preview 0

html code for displaying image by clicking a button in browser

2 solutions

Solution 2

Solution 4

Add your solution here

Preview 0

Existing Members

...or Join us