※ ChatGPTを利用し、要約された質問です(原文:自作ホームページで「FancyZoom」が動作しません)
自作ホームページでFancyZoomが動作しない
このQ&Aのポイント
自作ホームページでFancyZoomが動作しない問題について
FancyZoomの導入に挑戦しましたが、動作せず困っています
詳細な手順を実施したにもかかわらず、FancyZoomが機能しない問題を解決できませんでした
自作ホームページで「FancyZoom」が動作しません
当方HTMLの知識が多少(といっても遊びの簡単なHP作成が可能な程度)あるだけの者です。
最近会社のHPを立ち上げることにしました。
そのHPでは画像を沢山使うことになり、「FancyZoom」を導入することにしました。
そこでGIGAZINEのFancyZoom紹介ページ
(http://gigazine.net/index.php?/news/comments/20080208_fancyzoom/)
を参考に導入に挑戦してみました。
しかし実際に出来上がった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)に転送。
以上の作業です。
お礼
早速やってみたところ、動作しました! ドット一つの小さな間違いを見つけ出してくださり本当に感謝です。 ありがとうございました!