Facebox, The Powerfull Popup Window

Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.
It's simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.

To use this plugin is very simple, you need download facebox plugin first in here , and don't forget to download jQuery in here , because this is plugin for jQuery framework.



Now, you can see how to use this JQuery plugin in code :

Make sure jQuery is loaded before Facebox.

<script src="jquery.js" type="text/javascript"></script>

<link href="/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>

<script src="/facebox/facebox.js" type="text/javascript"></script>

While calling facebox() on any anchor tag will do the trick, it's easier to give your Facebox links a rel="facebox" and hit them all onLoad.

jQuery(document).ready(function($)
{ $('a[rel*=facebox]').facebox()
})

Then ... in your link, you just give a tag rel="facebox" to call
facebox plugin , this is the example :

Open other file :

<a href="remote.html" rel="facebox">

Open Image :

<a href="stairs.jpg" rel="facebox">

and, Call a div

<a href="stairs.jpg" rel="facebox">

So simple, isn't it ? Good luck