画像などをブルブル震わせる
マウスオーバーすると画像がブルブルガタガタ震えるようにします
以下のページを参考にプラグインをダウンロードする
/app/assets/javascripts
に保存する
実際に動かすJavaScriptを書く必要があるが、ビューファイルに書くとごちゃごちゃしちゃう
ということで、プラグインと同じパスに.jsファイルを作り、その中にコードを記載
/app/assets/javascripts/user.js
$(function() { $('.rumbleimg').jrumble({ x: 2, y: 2, rotation: 1 }); $('.rumbleimg').hover(function() { $(this).trigger('startRumble'); }, function() { $(this).trigger('stopRumble'); }); });
画像を表示したら、classにrumbleimageを指定してあげると震え出します
面白いですね