web制作初心者です。
こちらのサイトの小窓の出し方を教えてください。
http://www.tv-asahi.co.jp/aibou/contents/cast/
通常の別ウィンドウで、立ち上がるタイプの小窓リンクではなく、
このサイトの様に、小窓のOPEN&CLOSEを滑らかしたいのと、
小窓を任意の場所に移動させる技を知りたいです。
ソースをみてもイマイチよくわかりません。。。
こちらは、Javascriptを使用しているのでしょうか?
また、このようなソースの解説やサンプルを紹介しているサイトがあれば、
教えて頂ければと思います。
よろしくお願い致します。
No.2ベストアンサー
- 回答日時:
一言で言うとJavaScriptです。
該当のサイトで使われているのはHighslideですね。
http://highslide.com/
「highslide」で検索すると、日本語の解説サイトもたくさん見つかると思います。
サンプルなどは配布元や解説サイトで見てください。
同様のライブラリとしてLightWindow、Lightbox、Thickboxなどが有名ですが、
「javascript アルバム」で検索すれば、無名ライブラリもたくさん見つかると思います。
なかにはHTML/XHTMLの文法違反を起こす物もありますので、
使いやすさや文法重視などを考慮する必要があるかもしれません。
個人的には、多少のJavaScriptの知識が必要ですが、必要なスクリプトファイルも少ないHighslideをお勧めします。
JavaScriptが全くわからない、HTMLとHTMLタグ属性だけで作りたい、というのであればThickboxをお勧めします。
こっちのほうが使いやすかった、というのがあれば、それを使うことをお勧めします。
御礼が遅くなり申し訳ございません。
とても丁寧なご回答ありがとうございます。
教えて頂いた単語で検索し、いろいろ知ることができました。
ありがとうございました。
No.1
- 回答日時:
多分 AJaxを利用しているのだと思われます。
自分で同じようなことをするのであれば
Yahoo! User Interface LibraryのDialogあたりを利用します。
http://developer.yahoo.com/yui/container/dialog/
http://www.tuyudaku.net/javascript/yui-dialog.html
御礼が遅くなり申し訳ございません。
AJaxでも、このような動きを出せるのですね!
一つ勉強になりました。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- Google Maps iPhoneのGoogle検索窓を通常の大きさに 戻す方法を教えて頂けませんか?(切実) 日本全国の 2 2022/10/02 02:08
- その他(コンピューター・テクノロジー) PC利用中に勝手に起動する窓を消し去る方法を教えて下さい。 1 2023/05/08 16:48
- リフォーム・リノベーション 窓って多くはいらないですよね? 中古の戸建てに住んでるのですが、一回も窓開けた事なく常時カーテン、雨 4 2022/08/19 07:58
- DIY・エクステリア 窓寒さ対策 断熱性 9 2022/12/09 17:04
- 一戸建て こうゆう縦長の横すべりだし窓、 家に付いてる人いませんか? (横すべりだし窓ってどちらかというと横長 2 2022/07/02 16:32
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- リフォーム・リノベーション お風呂に上げ下げ窓を付けたいのですが網戸ってあるのでしょうか・・? 6 2022/11/26 23:55
- 銀行・ネットバンキング・信用金庫 至急お願いします! 市税の個人納付について質問があります。 4月から転職したため、特別徴収ではなく個 6 2023/06/17 21:49
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
静止写真を『じわっと』でる感じに
-
ブラウザ自体の事じゃなくてJav...
-
VB.NET2003 テキストボックスに...
-
if(1){...}とはどういうことで...
-
JSPの処理の途中で、JavaScript...
-
javascriptで「オブジェクトを...
-
VBScript から JavaScript を呼...
-
VBAによる第3、4水準文字の判定...
-
VBA ステータスバー DoEvents
-
PowerPointで時計表示
-
jQuery ui Datepicker 明日以降...
-
「終了していない文字列型の定...
-
htmlのfileタグに自動で値を入...
-
C#でボタン名を変更しても動く
-
正整数の半角数字かどうか判定する
-
VBA SORT Applyでエラー
-
VC#でテキストボックスに変数の...
-
C# ブラウザの自動クリック
-
Webページ中の javascript をVB...
-
フォーム入力の自動切換え
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
amazonの商品画像拡大のようなj...
-
jwplayer.js controlbar制御
-
「光の三原色」みたいな「三つ...
-
ホームページビルダーを使って...
-
d3.jsを使っての折れ線グラフと...
-
最後から最初に戻って始まるカ...
-
ページ全体の拡大/縮小が行え...
-
リンク先をマウスが移動すると...
-
アンカーにマウスオーバーして...
-
C#で枠無しウィンドウの移動
-
Windows Form のMSChartで、グ...
-
altやtitleタグの表示のような...
-
【JavaScrip】メニューボタンに...
-
画像のポップアップ
-
画像の上にマウスをもってくる...
-
教えてgooのカテゴリー選択のよ...
-
JavaScriptで・・・
-
JavaScriptで、表を絞り込み&ソ...
-
ポップアップでX固定Yマウス座...
-
以下のコードを実行しても、オ...
おすすめ情報