Highslideを簡易的に導入

サムネイル画像を動的に拡大縮小するスクリプトHighslideを導入しました。
とりあえず下の画像をクリックしてみてください。


モデル：megさん　モデル：眞綯さん


どうです？ かっこいいでしょ？
ただ拡大縮小するだけではありません。
なんと拡大画像をドラッグできちゃうんです。
さらに画像が複数枚あればカーソルキーで前後の画像に移動します。
Cooool!!

前から使いたいと思ってたんですが、Seesaaではファイルの一括アップロードができないので諦めてました。
ディレクトリを作って、根性で一つ一つ上げてやれないこともないですが、膨大な労力と時間を要するので現実的ではありません。
そんな折、簡易的に使う方法を見つけました。
LIFE IS LIKE A GROCERY CART. FC2ブログでHighslideを使う〜とりあえずそれっぽく篇〜

「FC2で」となってますが、Seesaaでもこの通りにやればひとまず動きます（HTMLとCSSが編集できれば他のブログでもできると思う）。
大変参考になりました。ありがとうございます。
初心者のために一応補足しておきますと、<%url>の部分（2ヶ所）はhighslide.jsをアップした場所にあわせて便宜変えてください。

よーし、これで溜まりに溜まった撮影会の写真をどどーんとアップしちゃうぞー！

Comments

うぉおおおおおおおお！！！コレは凄い！
あたしのブログでは…ムリなんだろうなぁー(´Д⊂ｸﾞｽﾝ

眞綯ちゃんの写真。撮影現場を見ていただけあって
今からワクワク！楽しみにしてるよーーー！！！

あたいのは…「どどーん」ではなく「とん」程度で（笑）
レベルアップ出来たら、いっぱい写してねー(ﾉ´∀｀*)♪

Posted by meg at 2007年05月22日 05:08

やってみるー！！！
感動(>_<)

Posted by たけがわ at 2007年05月22日 07:07

カッコイイね☆彡
ｍｅｇちゃんがニョキーンって近づいてくる感じ♪
てか、ｍｅｇカワユイ（＾▽＾）

Posted by りえ at 2007年05月22日 10:43

まちぇらさん☆こんばんは（＊＾−＾）ﾉ♪
今日もお疲れ様ですm（＿＿）m☆

こ・・・これは・・・Σ（￣ω￣；）（・・・唖然・・・）

・・・脱帽（汗）

Posted by みつ王子☆ at 2007年05月22日 19:02

> メグたん
ヤプはフリースキンにしてJavaScriptを直接HTMLに書き込めばできるかも？

眞綯ちゃんの写真、なかなか良い出来だよ。
眞綯ちゃんもすごく喜んでくれた。
ありがとう、メグのおかげだよ。

前回は「どどどーん」と奮発しちゃったから今回は「どん」ぐらいで（笑）。
ちなみに過去のメグ画像にもHighSlide適用しました。
いやあ今見るとノイズバリバリでひどい写真だね。申し訳ない。


> たけちゃん
ごめん、ちょっと言葉が足りなかった。
HTMLとCSSが編集できないとこの方法は使えません。
イザもアメブロもできないのだ。
CARROTは仕様が分からないから担当者に相談してみて。


> りえちゃん
面白いっしょ？
このメグ、お気に入りです！


> みつ王子
俺も初めて見たときは驚嘆しました。
もう楽しくてクリックしまくり（笑）。

Posted by まちぇら at 2007年05月22日 21:51