Lightboxモドキのスクリプトをつくってみた

2009/4/17 (Fri) at 3:34 pm

先日、color-pencil.comをつくったときのヤツを書き直して、汎用的に使えるスクリプトをつくってみました。試作品という程度のものです。color-pencil.comのときには、phpを併用してJavascriptのコードを減らすというようなことをしたのですが、こっちはぜんぶjsだけで動くようにつくってみたんだけど、私、我流のやり方でここまできちゃったもんで、いろいろとドンくさいというか、もう少しキレイに書けそうなもんだと思われるかしょが多々あります。こんなソースをさらすのはじつに恥ずかしいのですが、こういうことをやると技術向上のきっかけになるそうです。いわばみなさんに人柱にナレという話で心苦しいのですが。。

マージャンやってるとき、背中から知らないひとの視線が当たるとピッと緊張して打ち筋がよくなるといわれます。そういう効果があるのかな。仕事だとデカイ顔してわーわーいうくせに、タダで配るときには妙に低姿勢な私ってナニ？と不思議なきぶんがします。こちらからどうぞ↓

http://blog.3ot.net/sample/simplebox/

url変わりました↓

http://1-pixel.com/s-box.html

前のエントリへ次のエントリへ

USAMI

2009/4/23, 2:36 AM

ご無沙汰しております。たむくんはおげんきですか。このスクリプト、ロゴが入るっていうのがイイですね〜。こんど新しいサイトをつくる予定なのでそのときに使わせてもらおうと思っています。また近所にいったら遊びにいきますのでよろしくお願いします。

ヒロヤ

2009/4/23, 1:03 PM

あ、どもです。新しいサイトってアレですね？つかってくださいつかってください。

ヒロヤ

2009/5/29, 8:59 AM

SimpleModalの作者のEric Martinさんからメールを頂きました。次回のバージョンアップの際に、私がつくったコレをデモページにおいて取り上げてくださるそうです。うへえ。私みたいなのがいいんでしょうか。。。緊張するなぁ。SimpleModal ver.1.3は現在beta版がアプされていますが↓

<a href="http://www.ericmmartin.com/simplemodal-13-b1-released/"; rel="nofollow">http://www.ericmmartin.com/simplemodal-13-b1-released/<;/a>

どうせならってことで、この新しいverに最適化したヤツをつくっています。できたらまた公開します。

コメント・プリーズ！

お名前 (your name)

(required)

url

(optional) ※公開されます。

メールアドレス (email)

(optional) ※公開されません。管理者にだけわかります。

コメント (comment)

(required)

クッキーにお名前、url、メールアドレスを保存する。

※クッキーに保存すると次回から入力を省略できるので便利ですが、お使いのコンピュータに情報が残りますので、公共のパソコンなどからアクセスするような場合はチェックをはずしたほうがよいでしょう。

※コメント中のhtmlタグは実体参照に変換されます。たとえば、『<』は『<』というかんじになりますのでhtmlタグをそのまま書き込んでくださってオッケーです。

PROFILE

藤居ヒロヤ。ウェブデザイナー／ウェブディレクター。ウェブデザインオフィス、3OT NET主宰。名古屋市中区。「優しいデザイン」「激しいデザイン」「正しいデザイン」「セクシーなデザイン」「泣けるデザイン」「もっともなデザイン」... 。あなただけのウェブデザインを丹精込めておつくり致します。見積り依頼等、お気軽にお問い合わせ下さい。

www. http://www.3ot.net/
email. admin [atmark] 3ot.net
phone. 052 323 7376

お問い合わせフォーム

ウェブデザイナーの日記

Lightboxモドキのスクリプトをつくってみた