jQuery: AJAX and lightbox effect combined

Tweet

What I'm going to show you how to use AJAX technology to get content for a container and use a lightbox effect to show it.
What we want is to populate a target container upon user request with an external page as source. Then we are going to show the fetched content with a lightbox effect (putting the requested content on top of everything).
We can use jQuery to manage all the operation in a quite simple way.

Let's get directly to the code and I will explain everything.

Simple lightbox effect with jQuery

Tweet

There are many lightbox effects available on the web. They may or may not use frameworks like jQuery, they might be in pure css or made in any way you want it. The one I will explain here is very - very! - simple and uses a mix of css styling and jQuery.