web制作初心者です。
こちらのサイトの小窓の出し方を教えてください。
http://www.tv-asahi.co.jp/aibou/contents/cast/
通常の別ウィンドウで、立ち上がるタイプの小窓リンクではなく、
このサイトの様に、小窓のOPEN&CLOSEを滑らかしたいのと、
小窓を任意の場所に移動させる技を知りたいです。
ソースをみてもイマイチよくわかりません。。。
こちらは、Javascriptを使用しているのでしょうか？
また、このようなソースの解説やサンプルを紹介しているサイトがあれば、
教えて頂ければと思います。
よろしくお願い致します。
投稿日時 - 2008-11-05 23:18:58
一言で言うとJavaScriptです。
該当のサイトで使われているのはHighslideですね。
http://highslide.com/
「highslide」で検索すると、日本語の解説サイトもたくさん見つかると思います。
サンプルなどは配布元や解説サイトで見てください。
同様のライブラリとしてLightWindow、Lightbox、Thickboxなどが有名ですが、
「javascript アルバム」で検索すれば、無名ライブラリもたくさん見つかると思います。
なかにはHTML/XHTMLの文法違反を起こす物もありますので、
使いやすさや文法重視などを考慮する必要があるかもしれません。
個人的には、多少のJavaScriptの知識が必要ですが、必要なスクリプトファイルも少ないHighslideをお勧めします。
JavaScriptが全くわからない、HTMLとHTMLタグ属性だけで作りたい、というのであればThickboxをお勧めします。
こっちのほうが使いやすかった、というのがあれば、それを使うことをお勧めします。
投稿日時 - 2008-11-07 12:14:29
お礼
御礼が遅くなり申し訳ございません。
とても丁寧なご回答ありがとうございます。
教えて頂いた単語で検索し、いろいろ知ることができました。
ありがとうございました。
投稿日時 - 2008-11-13 12:36:01
2人が「このQ&Aが役に立った」と投票しています
ベストアンサー以外の回答（1件中 1～1件目)
多分 AJaxを利用しているのだと思われます。
自分で同じようなことをするのであれば
Yahoo! User Interface LibraryのDialogあたりを利用します。
http://developer.yahoo.com/yui/container/dialog/
http://www.tuyudaku.net/javascript/yui-dialog.html
投稿日時 - 2008-11-06 00:41:39
お礼
御礼が遅くなり申し訳ございません。
AJaxでも、このような動きを出せるのですね！
一つ勉強になりました。ありがとうございました。
投稿日時 - 2008-11-13 12:37:00
