javascript - Triggering a modal box on clicking an image using HTML and CSS

Question

I need to trigger a modal box (a button should be inside the modal box) on clicking an image (or icon). Is it possible using HTML and CSS alone ? Or is Js required for this ? If so, how is it done ?

Answer 1

You need Javascript for this, but first you should give ur img an id like : And the you must use bootsrap modal window for this and after that just below line of code will suffice.

Now you can run youre Javascript Code (i use Jquery):

<script>
$('#myID').click(function() {
$("#yourmodalid").modal('show') ;
});
</script>