クリックしたら拡大表示してくれるプラグイン、fancyboxをrailsであつかう
っていってもgemを持ってくるだけなんですけど、本当にすぐ使えるようになるんでかなり便利だと思いました。
Gemfile
gem 'jquery-rails' #まずはrailsでjQueryを使えるようにします
gem 'jquery-ui-rails'#ここも一応
gem 'fancybox2-rails', '~> 0.2.8' #この記事を書いた時のバージョンです
で、bundle install
しまして基本的にjs関連はrails-asset
でプリコンパイルしてもらうかapplication.js
でrequire
しているのでそれに則ります。もちろんダイレクトに書いてもうまくいくのですが、、
app/assets/javascripts/init_fancy
$(document).ready(function() {
$("a.fancybox").fancybox();
});
/*init_fancyboxというファイルを新しく追加します。もちろん名前はなんでも良いです*/
application.js
...
//= require init_fancybox
...
これだけです!
あとはfancyboxは普通に使えることができるようになるんで、
こちらからfancybox本家のページでダウンロードとかしなくても大丈夫です♪( ´θ`)ノ