画像、divブロックなどをポップアップ。Lightbox の簡易版みたいな感じ。
<link href="facebox.css" media="screen" rel="stylesheet" type="text/css"/> <script src="jquery.js" type="text /javascript"></script> <script src="facebox.js" type="text /javascript"></script> <a href="stairs.jpg" rel="facebox">stairs.jpg</a> <a href="#info" rel="facebox">info</a> <a href="remote.html" rel="facebox">ajax load</a>
jQuery (document).ready(function() {
jQuery ('a [@rel*=facebox]').facebox()
})
Hey, I'm the 'info' div!
I'm right before the </body> tag and start like this: