拡大画像

 数日前、画像拡大法のメモをしましたが、その方法についていくつかの質問を頂きました。
Web Design さんや 小粋空間さんの解説をただただ真似ただけですが、読むのがめんどうだという方も多いかと思います。


 ということで問答無用、張り付けるだけで画像拡大が可能になる方法を説明します。
 まず長いですがリンク先の以下を html の </head> の直前に張り付けます。解説では外部ファイルで読み込ませていますが、同じことです。
 次にリンク先の以下を css の一番最後に張り付けます。
 これで環境はできあがり。
 説明を読むと html へ張り付ける場所は指定されているですが、css の張り付け場所はどこでもかまいません。うまくいかないときはすぐに削除できるような分かりやすい場所がいいでしょう。
 あとは拡大した画像を A 、小さな画像を B とすると

 と記述するだけです。
 実は参考のサイトにはもっと多くのことが書かれており、いくつかの画像も出てくるのですが、これで十分機能すると思います。
 ちなみに FC2 で試したものがこれ
 この手のスクリプトに関するメモは初めてのことで、試した方がうまくいかなかったときの対応についてなど全く考えていません。もしご質問があれば手を挙げてください。こちらもお手上げかもしれませんが。

“拡大画像” への2件の返信

  1. スクリプトはわかりましたが、なぜFC2を使わないのでしょうか?
    あたしゃSecurityCodeを入れるのが辛いです。
    よく間違えて入れ直します。
    いつぞやは30分くらいかかりました。

  2. FC2サーバーのお値段が高いからです。あたしもSecurityCodeを入れるのが辛いです。

コメントを残す

メールアドレスが公開されることはありません。