OKWaveが大リニューアル！ただいまβ版公開中

web制作・小窓リンクの技


OKWaveコミュニティー
新規ユーザー登録（無料）今すぐ登録しよう！！
はじめての方へ OKWaveではこんなことができます！
カテゴリ
[ 一覧 ]
TOPへ戻る
[技術者向] コンピューターへ戻る
プログラミングへ戻る
ピックアップ
［ 特集一覧 ］
ブラック会社の喜怒哀楽
ブラック会社の喜怒哀楽
現代を生き抜く知恵と努力！あなたの未来を明るく照らします！
OKWaveスタッフブログ
OKWaveスタッフブログ
OKWaveスタッフから便利でお得な情報をQ&Aと共にご紹介します！
好きだからこそ切ない！恋愛特集
好きだからこそ切ない！恋愛特集
「会いたいときに会えない」そんな切ない思いを恋愛で体験したことはありませんか？
その他の特集はこちらからご覧下さい
おすすめリンク
お知らせ
［一覧］
[ さらに詳しく ]
インタレストマッチ（詳細）

質問
質問者：akoblue web制作・小窓リンクの技
困り度：
  • 暇なときにでも
 web制作初心者です。

こちらのサイトの小窓の出し方を教えてください。

​http://www.tv-asahi.co.jp/aibou/contents/cast/​

通常の別ウィンドウで、立ち上がるタイプの小窓リンクではなく、
このサイトの様に、小窓のOPEN&CLOSEを滑らかしたいのと、
小窓を任意の場所に移動させる技を知りたいです。

ソースをみてもイマイチよくわかりません。。。
こちらは、Javascriptを使用しているのでしょうか？

また、このようなソースの解説やサンプルを紹介しているサイトがあれば、
教えて頂ければと思います。

よろしくお願い致します。
質問投稿日時：08/11/05 23:18
質問番号：4456668
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示｜良回答のみ表示

回答

良回答20pt
回答者：taloo 一言で言うとJavaScriptです。
該当のサイトで使われているのはHighslideですね。

​http://highslide.com/​

「highslide」で検索すると、日本語の解説サイトもたくさん見つかると思います。
サンプルなどは配布元や解説サイトで見てください。

同様のライブラリとしてLightWindow、Lightbox、Thickboxなどが有名ですが、
「javascript アルバム」で検索すれば、無名ライブラリもたくさん見つかると思います。

なかにはHTML/XHTMLの文法違反を起こす物もありますので、
使いやすさや文法重視などを考慮する必要があるかもしれません。
個人的には、多少のJavaScriptの知識が必要ですが、必要なスクリプトファイルも少ないHighslideをお勧めします。
JavaScriptが全くわからない、HTMLとHTMLタグ属性だけで作りたい、というのであればThickboxをお勧めします。

こっちのほうが使いやすかった、というのがあれば、それを使うことをお勧めします。
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/11/07 12:14
回答番号：No.2
この回答へのお礼御礼が遅くなり申し訳ございません。
とても丁寧なご回答ありがとうございます。
教えて頂いた単語で検索し、いろいろ知ることができました。
ありがとうございました。

回答

良回答10pt
回答者：Tanigucchi 多分 AJaxを利用しているのだと思われます。

自分で同じようなことをするのであれば
Yahoo! User Interface LibraryのDialogあたりを利用します。
​http://developer.yahoo.com/yui/container/dialog/​
​http://www.tuyudaku.net/javascript/yui-dialog.html​
種類：アドバイス
どんな人：専門家
自信：参考意見
回答日時：08/11/06 00:41
回答番号：No.1
この回答へのお礼御礼が遅くなり申し訳ございません。
AJaxでも、このような動きを出せるのですね！
一つ勉強になりました。ありがとうございました。
最新から表示｜回答順に表示｜良回答のみ表示
画像で背景透明のテキストがに...
ブックマーク用ロゴのつけ方に...
インタレストマッチ（詳細）
このページのトップへ