&tag(fancyBox);
*目次 [#c411ee1a]
#contents
*関連ページ [#fcca8390]
*参考情報 [#m5024e78]
-[[Fancybox - Fancy jQuery lightbox alternative:http://fancybox.net/]]…fancyBox1のサイト。
-[[fancyBox - Fancy jQuery Lightbox Alternative:http://fancyapps.com/fancybox/]]…fancyBox2のサイト。


*Tips [#ifd025ef]

** Railsのajaxの結果を受けてiframeで開く [#s929d241]
-ajax:success時にfancyBox.openを開く処理。〜.js.erbに記述する例。
#pre{{
  $(".test")
    .on("ajax:success", function(){
      var url = "http://test.com/page?y=<%= @item.y %>&x=<%= @item.x %>";
      $.fancybox.open({
        padding : 0,
        href: url,
        autoSize : true,
        scrolling : 'no',
        width: 980,
        height: 800,
        type: 'iframe'
      });
    });
}}





トップ   編集 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS