fancybox

用這套來呈現一些點擊跳出的圖片 事件

一般用法 是會開啟a href所帶的資訊

<a class="fancybox" rel="group" href="big_image_1.jpg"><img src="small_image_1.jpg" alt="" /></a>
<a class="fancybox" rel="group" href="big_image_2.jpg"><img src="small_image_2.jpg" alt="" /></a>

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
</script>

但當a href有另外的目的時,可用content的方法直接將要呈現的內容帶入
http://stackoverflow.com/questions/15325465/jquery-and-fancybox-with-click-event

<a href="/posts/29/likedPeople" class="likedPeople"  data-remote="true" >

 24       $("a.likedPeople").fancybox({
 25         content: $('#likedPeopleForm'),
 26         helpers : {
 27           overlay : {
 28             locked : false
 29             }
 30           }
 31       });