誰かが私を憐れんでアドバイスを提供してくれることを願っています-jQueryの知識はせいぜい限られており、コードを自分で書いたりデバッグしたりするよりも、基本的なこと（CSSクラスの適用方法など）しか知りません。
私は友人の結婚式のウェブサイト（私からの婚約プレゼント）に取り組んでいますが、greyscale.jsと基本的なスライダーをうまく再生しようとして問題が発生しています。スライダー機能を追加するとすぐに、グレースケール効果が壊れます。
このサイトはまだ開発中であるため、どのPCブラウザーでもテストされていませんが、ここにあります-http://www.elandsebswedding.co.uk/wp-content/themes/weddingTheme/index.html
ページが読み込まれると、画像がカラーで表示されてからグレー表示されますが、マウスオーバーするとカラーに戻りません。
任意のアドバイス（または同じことを実現する別のプラグインの提案）をいただければ幸いです。
ありがとう
greyscale.jsにエラーがあるようです-firebugは、インデックスまたはサイズが許可された量よりも大きいと言っており、問題として以下を強調していますか？
imageData = ctx.getImageData（0、0、width、height）;
アップデート
わかりました-少し進歩したようです-スライダー（会場セクション）の画像に高さ/幅がなかったという事実が問題を引き起こしているようです。