ギャラリーページでのjavascriptの誤作動
現在制作しています写真家のサイトで、スライドショーギャラリー用のjavascriptを用いているのですが、元データのjavascriptを自分でカスタマイズしたら挙動がおかしくなってしまいました。
下記のサイトなのですが、
http://minefuyu-yamashita.com
フォトギャラリーページで、写真が4つと5つ並んでいるものに限って、
▼写真４つの場合
http://minefuyu-yamashita.com/photo/category/%E6%B2%96%E7%B8%84%E6%9C%AC%E5%B3%B6
▼写真５つの場合
http://minefuyu-yamashita.com/photo2/category/%E5%A4%9C
次の写真を参照するボタンリンクをクリックすると、写真が右へ移動したまま、戻ってこないという現象が起きました。
原因はわかっていて、元データの下記リンク先の、
▼元データ
http://www.css-lecture.com//template/2008/1121/
元データでは、写真表示が5個になっているいるのですが、これを7個に表示するというようにjsの中の数字を書き換えてしまったためです。
▼元データｊｓ
http://www.css-lecture.com//template/2008/1121/js/jquery.scrollable...
どの部分の数値を変えてたのかというと、
下記リンク先javascriptの52行目辺りにある、
▼書き換えたｊｓ
http://www.minefuyu-yamashita.com/photosite/js/jquery.mousewheel.js
var opts = {
size: 7,
horizontal:false,
ctiveClass:'active',
speed: 300,
onSeek: null,
のsize: 7,の数字を、5→7に変えてしまったためです。
この数字を5に戻せば、大丈夫なのですが、このサイトのデザイン上、どうしても7個で見せたいのです。数字を7のまま、その他のどこをどのように書き直せばこれがきちんと動くのかわかりません。
ちなみに、当方はjavascriptはほぼ分かりません。
いつも適当にコード内の数値を変えたりしてるぐらいのカスタマイズ能力です。
今回も自分でjsの中の他の数字をいろいろと変えてみましたが、誤作動は直りませんでした。
どなたかご教授願います！
お礼
speedygon様、ありがとうございました。 参考のサイトを拝見しながら設置に成功しました。 迅速なご回答、感謝申し上げます。