TinySlideshowがうまく動作しません。

質問

TinySlideshow(JavaScript)を使用したギャラリーがうまく動作しなくて困っています。ホームページを制作しているのですが、TinySlideshowのサムネイル部分がブラウザによってうまく動作しません。
現在、知人のホームページを制作しているのですが、TinySlideshowを使用したギャラリーのサムネイル部分の左右の矢印がブラウザによって動作せず、大変困っております。

TinySlideshow
http://www.scriptiny.com/2008/12/javascript-slideshow/

製作中のページ
http://shohei-k.com/photography/women.html

ギャラリー本体の部分は左右の矢印をクリックしていくと、きちんと動作するのですが
サムネイル部分になると、左右の矢印のリンク自体が無効になっているようです。

サムネイル部分も動作するのが、Firefox 21.0
動作しないのが、Safari 5.1.8とGoogle Chrome 27.0です。
使用OSはMacOS 10.6です。

私はHTMLとCSSは基本的な知識だけあり、JavaScriptに関しては全くの素人で、他のサイトを参考にしつつコピペで作っている状態です。
色々探ってはみたのですが、どの部分がいけないのか自力ではどうにも分からないので、皆さんのお力を借りたいと思っております。
どうぞよろしくお願いします。

回答No.1

fujillin

配布元のデモページでも同様の結果になるのでしょうか？

それでしたら、ライブラリ自体が対応していない（あるいはバグ）だと思われますので、製作者にご相談なさるのが一番確実です。
デモページは動作するけれど、自作のページは動作しないというのであれば、設置上でどこかおかしなことがある可能性が高いです。

「製作中のページ」を（もう古いですが）IE6で見てみるとエラー頻出でほとんど動作しません。
ＩＥ6は古すぎるので、これに対応する必要はないとも言えますが、配布元のデモページは問題なく動作します。
（ご提示のリンクのページはうまく表示できませんが、デモページはＯＫです）

形の上では、ほとんどデモページと同様の設置のようですので、まず、デモページそのままのコピーを作成して動作することを確認してみてください。
それを元に、「画像だけ差し替える」、「サイズを調整する」などいくつかの段階に分けて、実際のサイトで使用する内容へ修正していってください。
どこかで動作がおかしくなったら、その直前に行なった修正がおかしいということになります。

いきなり目的のものを作成するのに比べて少々手間がかかる方法ですが、質問者様にとって、結果的には一番の近道ではないかと思います。

お礼

お礼が遅くなってすみません。
そうですよね、手間がかかっても一から見直して構築し直そうと思います。
IEチェックもありがとうございました！