スライドショーといえばbxslider
基本的なことはこの辺りのサイトを見ればわかります。
http://on-ze.com/archives/1658
GEMとか使うのかなーって思ったんですが、特別な方法は要らないようです。
普通にできました。
app/assets/javascriptにダウンロードしたjquery.bxslider.min.jsを配置。
app/assets/stylesheetにjquery.bxslider.cssを配置。
sassを使っているのなら@import
で読み込ませる。
ただそれだけでした。
あとはbxslider.jsとでもいうファイルを作って以下の記述を入れるのみ。
$(function(){
$('.bxslider').bxSlider({
auto: true,
slideWidth: 650,
minSlides: 3
});
});
viewファイルの編集も忘れないようにしましょう。
以上です。