よろしくお願いいたします。
まず、例になるHPを見ていただけるとよくわかると思います。
http://shinchiku.homes.co.jp/man_detail/bid-1600 …
http://shinchiku.homes.co.jp/man_detail/bid-1600 …
最近このように、画像をクリックすると大きく表示されるHPを見かけるのですが、これはどのように作るのでしょうか。
難しければ、詳細な説明でなくても、これを勉強しなさいみたいなアドバイスいただけないでしょうか。
よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
質問者さんの提示しているURLでの方法でしたら、JavaScriptになります。
俗にいうAjaxとか言う奴ですね。
スクリプトレベルから勉強するならご自由にと言いたいところですが、もしゼロからなら大変難儀なことです。
この手のスクリプトはLightBoxというのが有名ですので
カスタマイズされたLightBoxを流用したり、自分好みに書き換えたりしてみてください。
また、上記とは別にFlashのActionScriptを用いた方法でも同様の表現ができます。詳しくはGoogle先生にてどうぞ
No.2
- 回答日時:
JavaScriptによる表示・非表示の処理ですね。
基本的には<div>にIDを付けておき、このDIVの要素の表示・非表示をJavaScriptで制御する形になります。
質問者様のリンク例では、クリックした画像をそのまま表示するDIV要素に入れ込むようなスクリプトになっているようですが。
最も簡単な方法としては、表示しているサムネイル画像にonclickで呼び出すJavaScriptのファンクション名をしてしておき、このファンクション内でDIVに対する表示・非表示をgetElementById(id).style.displayで切り替える、という形になりますね。表示・非表示を切り替えるDIVの中身には<img>タグで表示したい拡大画像を入れておけば良いだけです。
もちろん、ウィンドウサイズにあわせて表示や表示ポジションの指定など、細かく設定したい場合はもっと複雑になってきますが、まずはgetElementById(id).style.displayを使ったJavaScriptのサンプルなどを見て勉強すると良いと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- SQL Server ACCESSで表が作りたく、そのためのSQL文や設定方法を教えてください。 1 2022/08/15 12:28
- SQL Server ACCESSで3ファイルを結合して、表を作成するやり方を教えて下さい。 17 2022/08/15 20:34
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- ホームページ作成・プログラミング CGIが実行可能なHP領域又はレンタルサーバーでおすすめの所を教えてください 現在ホームページ領域の 1 2023/01/01 11:47
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- SQL Server ACCESSで複数テーブルを結合して、リストを作る方法を教えてください。 2 2022/08/12 19:32
- Windows 10 2つのウィンドウ選択時の表示について 10 2023/07/25 08:48
- その他(学校・勉強) T形抵抗減衰器の減衰量の求め方について 4 2022/06/30 11:30
- デスクトップパソコン google chrome、イラストレーター、フォトショップの同時作業におすすめのPC構成 1 2022/10/19 14:23
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
VBSの作成 ディスク空き容量
-
小説投稿サイトを作りたいです
-
アプリケーションのフリーズを...
-
パソコン用語「ツリー」って、...
-
設置出来ない…
-
特定IPアクセスカウンタ
-
日本の家電デザインは似たり寄...
-
掲示板におけるレスを英語圏で...
-
自動人数カウンターってありま...
-
洗面所の突っ張り棒は錆びるで...
-
サイト作成 PC用と携帯用に分...
-
はじめまして 床置エアコンを仮...
-
2ちゃんねるのような掲示板を...
-
ネットで買った洗濯機は誰が設...
-
パスワード付きの画像掲示板を...
-
IISを用いた場合のアクセスカウ...
-
携帯のアンテナ基地の設置料の...
-
■特殊なアクセスカウンターにつ...
-
花台の位置は向かってどっちで...
-
アンケートのCGIを探しています
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
PowerShellでのエラー出力の読...
-
VBスクリプト---アプリの終了に...
-
jQueryを使ってドラムロールを...
-
エロゲにおける『スクリプト入...
-
EXCEL VBA : PDFファイルを1つ...
-
レジストリの設定をすぐに反映...
-
VBSの作成 ディスク空き容量
-
アプリケーションのフリーズを...
-
ページにJavaScriptを埋め込む...
-
dewplayerの日本語表示
-
WindowsのPowerShellで SIGNAL...
-
wakwakでhpを製作しています。
-
サイトに訪れた人のIPアドレ...
-
フォームの<textarea>の最大文...
-
おみくじの
-
言葉をランダムに組み合わせるCGI
-
横型のカレンダー表示の仕方を...
-
独学でCGIの勉強
-
一枚しかできない写真アップロ...
-
スタートアップ(シャットダウン...
おすすめ情報