• ベストアンサー

HP作成の手法について

下記のようなページを作りたいのですが、これはどういう手法でしょうか。 http://www.s-d-h.jp/dress-aitem/d01aw2011-02.html 左側の写真をクリックしますと別画面で大きく写真が表示され、その写真右側中央に→が出てクリックしますと別の写真に入れ替わります。 これはjavascriptでしょうか、それともフラッシュでしょうか。 ソースを見るとjavascriptのようですが、javascriptだけで作れるものでしょうか。 javascriptやフラッシュを使ったHP作成に詳しくないもので、ご存知の方、教えて頂けると助かります。

質問者が選んだベストアンサー

  • ベストアンサー
noname#140082
noname#140082
回答No.1

javascriptで、できています。 「Lightbox」などを加工したものでしょう。 javascriptなので、ソースを参照できます。

gen166
質問者

お礼

avascriptを使ったLightboxという手法なのですね。 ネットで検索したら作り方のページも出てきました。 早速作ってみたいと思います。 ありがとうございました。大変助かりました。

関連するQ&A

  • HPでのメニューリスト表示

    HP作成をしていて、やりたい技術が出てきました。 良く会社のHPで見るのですが、右側(もしくは左側)に、HPのメニュー一覧が載っていて、そこの一つの項目の文字の上にマウスを重ねると さらにその下にあるメニューがリスト表示されるものです。 楽天ブックスHP http://books.rakuten.co.jp/RBOOKS/  のようなものです。 ソースを見てみると、どうもJavaScriptっぽく見えるのですが。 このようなものは、JavaScript、flush、どちらで表現できるのでしょうか? この2言語(?)は、全くの初心者なので、、分からないことだらけ出すみません。 JavaScriptは、見る側の環境が整っていないと見られないので、昔は避けるという風習があったようにも思えるのですが。 また、どちらが勉強しやすいなども教えてもらえればと思います。

  • HPリンク作成

    左右2分割フレーム付きHPを作っているのですが、左のフレームの中のリンクをクリックすると右側のフレームに表示できるようなリンクを作りたいのですが、どうすればいいのでしょうか? 別の人のHPのHTMLソースを見ると、ターゲットが「file」になっていたので試してみたのですが、別のウィンドウが表示されてしまいました。 このような方法を教えてください。よろしくお願いします。

  • ウェブサイトの画像の加工について

    こんにちは。 ウェブサイトの画像(写真)の加工についてなんですが、 例えば、トップページにどんっとくるメインの横長の画像(写真)で なんと表現すれば正しいのかがわからないんですが(グラデーション? 透過?)例えば、写真自体の左側にいくほど、薄くなる、透明になる、白に近づく、右側はもとの写真のままのような表現をしたい場合、 (1)それは、画像自体の処理ですか?無料のソフトはありますか? (2)flashは難しいので、javascriptで表現できるならサンプルソースありますか? よろしくお願いします。

  • HP作成についてフレームのタグ

    初めまして、現在新たにHPを作成している者です。 フレーム表示のHPを作ろうとしているところなのですが…。 (左側にコンテンツ表示、右側にその内容といった基本的なものです) コンテンツをクリックしても右側に表示されず別窓が開いてしまって困っています。 <a href="○○○.html" target="■■">リンクテキスト</a> というタグを入れるということは理解しています。 フレームに予め名前をつけて■■の部分に入れるということもわかっているのですが… このようにしてもなぜか右側に表示されず別窓が開いてしまいます。 <frame src="○○.html" name="■■">として、右側のフレームに名前をつけていますが…どこか間違えてしまったのでしょうか。 なにぶん、まだまだ初心者の域を出ていませんので拙いですが この原因に心当たりなどある方はご指南頂けると助かります。 あと、HP作成は<フロントページ>と<FFFTP>を利用しています。

    • ベストアンサー
    • HTML
  • flash非対応の場合のhtml表示

    初心者です。 ページの左側にflashでナビゲーションを作りました。 右側は文章です。 flash非対応の人が見た場合に、 自動でhtmlで作ったナビゲーションを 表示させる方法はありますでしょうか? 別にHTML版を用意するのを避けたいのですが。 JavaScriptで振り分けて直接ナビゲーションを読み込む方法などは難しいでしょうか? またflash非対応用のcssを読み込ませることはできるのでしょうか? よろしくお願いします。

  • (HP作成)テンプレートを変更すると起きること

    HPをDreamweaverで作成しています。 詳しい方、わからないところがあって困っています。教えてください。 まず、HPの元のデザインとなるテンプレートを作りました。 そのテンプレートには、左側のテーブルにメニュー(Flashで作成したもの)を配置し、 右側のテーブルを編集可能領域としました。 このテンプレートを使ってHPのページすべてを作っています。 先ほど、修正の必要に気づき、テンプレートに一旦戻ってメニューの位置を テーブルの中央→上付きになるように修正しました。 そしてこれを保存するときに「このテンプレートを使用しているページ全てに反映させるか」 みたいな質問が出て、「させる」を選んだのですが、その後に各々のページに戻って ブラウザでプレビューしてみると、このメニューがページから消えてしまうのです。 DWの編集上には、修正したものが反映されているのに、 プレビューするとこのflash作成メニューのみが消えてしまう(出てこない)のです。 これはなぜなのでしょうか? ちょっと言葉の説明だけではわかりにくいかもしれませんが、 考えられる理由があれば教えてください。 わからなければ全部作り直しになってしまいます。 必要なことがあれば補足もしますので、よろしくお願いします。

  • 下記のようなメニューを作成しようと思い、質問したところJavaScri

    下記のようなメニューを作成しようと思い、質問したところJavaScriptでの方法を教わり 作成したのですが、解決してから、右側の4つのボタンメニューに2pxぐらいの隙間が できてしまい、いろいろCSSで調整してみたのですが、どうしても解決できなく再度質問しました。 ※http://okwave.jp/qa/q5843544.htmlで質問と回答を得る http://www.nittsu.co.jp/index.html のサイトのグローバルメニュー下のFlashコンテンツ。 やりたかったことは、 同じように右側に4つのボタンを縦に配置して、マウスオーバーをすると左側のイメージが変更されるようにしたい。 教えてもらった方法は、http://www.red.oit-net.jp/tatsuya/java/image3.htm のサンプルデータと同様な方法で行いました。 また、さらに右側のボタンをマウスオーバーで同時に画像も変更できるとさらに良いです。 よろしくお願いいたします。

  • 現在表示中のページをCSSで別の書式を設定する

    ここの左側のメニューのように http://www.doyouphp.jp/sample/sample_class_list.shtml クリックしているページの背景色を変えて表示したいと思っています。 ソースを見てみるとクリックすると<span>タグがつくようです。JavaScriptを利用しているようでもないのでどうやって実現しているのでしょうか? どうぞよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • リンク先への変わった開き方をするjavascript

    リンクをクリックすると、画面中央から開いたり右下から開いたり変わった開き方をするサイトを見つけたのですが、どうしてもソースからjavascriptを見つけ出せません。ご存知の方はお教えください。 下のサイトなんですが、ランダムで色んな開き方をします。自分は縦に細い線が入っていって別ページに切り替わるものを自サイトに使いたいと思っているのですが。 http://jun89.xdap.jp/index.html

  • 別窓を開いて、ページ下部中央に「閉じる」ボタンをつけたいのですが・・・

    こんばんわ! WIN XP FLASH MX使用してます。 FLASH内のサムネイル画像をクリックすると、 JavaScriptによって別窓で拡大画像が表示されるように 設定したのですが、画像の下中央に「閉じる」のボタンを つけたいのですが、可能なのでしょうか? FLASH以外あまりいじった事がないので、教えて下さい。 お願いします。

専門家に質問してみよう