Facebox

Compatibility

This release relies on a lot of advanced CSS techniques (box-shadow, border-radius, RGBA). That being said, it's compatible with many browsers.

• Safari 4
• Webkit Nightlies (Chromium, Chrome) as of 4/17/10
• Firefox 3.5
• IE8 (degraded experience)
• IE7 (degraded experience)
• IE6 - I just don't care
• Opera - I just don't care

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

1. INCLUDE CSS AND JS FILES

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.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>

Then tell facebox where you've put src/loading.gifand src/closelabel.png

2. HTML

<a href="images/stairs.jpg" rel="facebox">text</a>

3. JAVASCRIPT

 $('a[rel*=facebox]').facebox();

4. EXAMPLES

<a href="images/stairs.jpg" rel="facebox">text</a>

<a href="#info" rel="facebox">text</a>
<div id="info">Content...</div>

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