自作ホームページで「ＦａｎｃｙＺｏｏｍ」が動作しません

解決済

質問者：shimajing
質問日時：2010/03/16 00:14
回答数：1件

当方HTMLの知識が多少（といっても遊びの簡単なHP作成が可能な程度）あるだけの者です。

最近会社のHPを立ち上げることにしました。
そのHPでは画像を沢山使うことになり、「FancyZoom」を導入することにしました。

そこでGIGAZINEのFancyZoom紹介ページ
（http://gigazine.net/index.php?/news/comments/200 …）
を参考に導入に挑戦してみました。

しかし実際に出来上がったhtmlファイルでは、FancyZoomが動作せず、
<a>タグで挟んだサムネイル画像をクリックしても、単純にリンク先の画像のみが表示されるだけになってしまいます。
ローカルでも、ocnの無料レンタルサーバー上でも動作しません。

しかし、何故か同じファイルをfc2ホームページのサーバーにアップすると動作しました。
（理由は不明です。しかし会社のサーバーはocnのため、ocnで動作しないとダメなのです。）

自分はJavScriptの知識は全くなく、簡単なHTMLが分かる程度ですので自力ではこの問題を解決できませんでした。
どうかご教授願えませんでしょうか。

なお、行った作業は、
・FancyZoom（ver.1.1）のzipをダウンロード、解凍、「js-global」と「images-global」をフォルダごとサーバーの一番上（public_html）に転送。

・導入したいページの
　(1)<head></head>内に、
　　　<script src="/js-global/FancyZoom.js" type="text/javascript"></script>
　　　<script src="/js-global/FancyZoomHTML.js" type="text/javascript"></script>
　　と記述。

　(2)<body>のすぐ下に、
　　　<body id="whatever" [...] onload="setupZoom()">
　　と記述。

　(3)画像を
　　　<a href="images/○○.jpg"><img src="images/○○s.jpg" /></a>
　　の形で記述。
　　（ファイル名に"s"とつくのがサムネとなる画像です。）

・このhtmlを保存してサーバーの一番上（public_html）に転送。

以上の作業です。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： noname#111181
回答日時：2010/03/16 01:31

なぜFC2で動いたのかは不明ですが、(1)の部分を下記のように記述を修正してください。

JavaScriptファイルの相対指定が間違っているので。

--------------------
<script src="./js-global/FancyZoom.js" type="text/javascript"></script>
<script src="./js-global/FancyZoomHTML.js" type="text/javascript"></script>