Question

I want to make a popup like this. The image will pop up when the user click on its above button.

Actually, i don’t really know what it is called so that i can’t find links to help me to do this.

So any links or help would be very much appreciated.

Thanks.

Answer 1

See my simple demo. It’s just written from scratch.

All you need is a button (visible) and the “popup” (hidden). Now, you add an event listener to check if button is clicked and fade in/out the “popup”.

$(document).ready(function() {
  $('#columns').on('click', function() {
    $('#selector').fadeToggle(750);
  });
});​