Display image on click in HTML / Javascript

Question

hey, how can I make an image visible when a user clicks a button? Using Html / Javascript

Also, the button is submitting a form which is going to a different url, it just takes a while to load the other page, therfore I want a loading type button.

Thanks

Which language are you using?

user425445
– user425445

2010-11-04 20:28:11 +00:00
Commented Nov 4, 2010 at 20:28 — user425445
– user425445, Commented Nov 4, 2010 at 20:28
sorry for being unclear, it's PHP and Javascript

Belgin Fish
– Belgin Fish

2010-11-04 23:03:28 +00:00
Commented Nov 4, 2010 at 23:03 — Belgin Fish
– Belgin Fish, Commented Nov 4, 2010 at 23:03

Dexter · Accepted Answer · 2010-11-04 23:05:40Z

3

It's simple to acheive this across all modern browsers using jQuery:

<input type="submit" value="Show Image" id="showButton" />
<img src="blank.gif" id="blankImage" alt="blank" style="display: none;" />

<script type="text/javascript">
$('#showButton').click( function() {
    $('#blankImage').show();
    return false;
});
</script>

answered Nov 4, 2010 at 23:05

Dexter

18.5k4 gold badges47 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Beth · Accepted Answer · 2010-11-04 20:28:51Z

0

set the image's visible property to true?

answered Nov 4, 2010 at 20:28

Beth

9,6171 gold badge26 silver badges44 bronze badges

Collectives™ on Stack Overflow

Display image on click in HTML / Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related