ギャラリーページでのjavascriptの誤作動
現在制作しています写真家のサイトで、スライドショーギャラリー用のjavascriptを用いているのですが、元データのjavascriptを自分でカスタマイズしたら挙動がおかしくなってしまいました。
下記のサイトなのですが、
http://minefuyu-yamashita.com
フォトギャラリーページで、写真が4つと5つ並んでいるものに限って、
▼写真4つの場合
http://minefuyu-yamashita.com/photo/category/%E6%B2%96%E7%B8%84%E6%9C%AC%E5%B3%B6
▼写真5つの場合
http://minefuyu-yamashita.com/photo2/category/%E5%A4%9C
次の写真を参照するボタンリンクをクリックすると、写真が右へ移動したまま、戻ってこないという現象が起きました。
原因はわかっていて、元データの下記リンク先の、
▼元データ
http://www.css-lecture.com//template/2008/1121/
元データでは、写真表示が5個になっているいるのですが、これを7個に表示するというようにjsの中の数字を書き換えてしまったためです。
▼元データjs
http://www.css-lecture.com//template/2008/1121/js/jquery.scrollable...
どの部分の数値を変えてたのかというと、
下記リンク先javascriptの52行目辺りにある、
▼書き換えたjs
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の中の他の数字をいろいろと変えてみましたが、誤作動は直りませんでした。
どなたかご教授願います!
お礼
・・・おそらく間違いないですね。ありがとうございました!