カッコよく画像をズームアップするスクリプトFancyZoom（無料ブログに設置）

今回の紹介はカッコよくブログやサイト内の画像をズームアップするスクリプトFancyZoomの紹介です

まずこの記事を見てから導入したいなーと思いました
スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」 - GIGAZINE
しかしこれには無料ブログならではの問題がありました

このサイトでcabel.name: FancyZoom 1.1ダウンロードした２つのフォルダを断層ごと外部のFTPソフトでアップロードするとなってますが、私の使っている無料ブログseesaaブログではFTPアップロードには対応していないみたいでした。
ＭＴとかWordPressなら問題ないんですけど

とにかくseesaaだとファイル単位で1つ1つseesaa内のファイルアップロードの項目でアップロードするしかありませんでした

フォルダ内の断層とか難しそうなんで画像の影や画像を閉じるアイコンなしの超シンプルなタイプにしました
ここのサイトを参考にしました　■サイト名♪　また会いたくて in Second Life　♪画像の影や画像を閉じるアイコン

設置について
cabel.name: FancyZoom 1.1でスクリプトzipをダウンロード
ブログのアップローダでFancyZoom.jsとFancyZoomHTML.jsのみアップロード
ブログの設定＞テンプレート＞カスタマイズに進みトップページ： に下のコードを挿入するだけ。

＜/head>の上にコードを挿入■赤い部分はアップロードしたファイルのURLに書き換えてください
＜script src="○○○○FancyZoom.js" language="JavaScript" type="text/javascript">
＜script src="○○○○FancyZoomHTML.js" language="JavaScript" type="text/javascript"><ｂｏｄｙ>を消して↓を挿入
＜body id="whatever" [...] onload="setupZoom()"＞

＜をすべて半角に直して使ってください


これで保存して完了です
かなりの簡易版ですが意外と気に入ってます
cabel.name: FancyZoom 1.1


面白かったら応援よろしくお願いします
　　　

Comments

はじめまして。
いろいろ探してここにたどりつきました。
seesaaを使っています。

サムネイル画像の表示を仰せの通り、かっこよくしたいのですが、
指定のhtmlはどこにありますか？

>ブログの設定＞テンプレート＞カスタマイズに進みトップページ

これはどこから入るのでしょう。

Posted by ぼぶ at 2009年04月30日 11:17

すみません。
なんで当時間違えたのか笑？
あっ参照サイトがFC２だからか。
意味不明ですよね！

seesaaは
マイブログ→デザイン→HTMLでした。
デフォルトしかなければHTMLの追加でカスタマイズしてください。
では頑張ってください。

Posted by omoro at 2009年04月30日 15:44