• ベストアンサー

最近のwebページで

質問ですが、画像のようなページを作りたいです。 左右に画像が見れる<>のマークがあり、下の丸ボタンもリンクで、 FLASHでやってるのか?それとも最近、FLASH以外でやってるのか?気になるところです。 作り方のサイト、またはハウツー動画などあれば教えて欲しいです。DREAMWAVERも使っているので、DreamWaver対応でもOKですし、タグでもいいのですが.... あと、ヘッドがないストアー型のページ、楽天やヤフーなどの店舗なので、 htmlでできればいいのですが、 最悪はインラインフレームを入れ込んで、読み込みたいと思っております。

  • legs
  • お礼率92% (1500/1623)
  • HTML
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
  • t_ohta
  • ベストアンサー率38% (5079/13273)
回答No.1

おおくはJavaScriptを使ってます。 jQueryとプラグインを使えば簡単に作れます。 ↓こんなのとか http://bqworks.com/slider-pro/

legs
質問者

お礼

ありがとうございます。 jQueryサイトありがとうございます。 お礼書くのに時間を要したのは色々試してたので、かなり時間が かかりましたが、やっとできました。今bxSlideは閉鎖中ですが なんとかbxSlideから引っ張ってJquery.bxslider.min.jsとjquery.bxslider.cssだけ使用し、あとは必要事項 headとbodyに 入れちゃえばできるんですね。 道筋を作っていただき大変助かりました

その他の回答 (1)

  • akauntook
  • ベストアンサー率19% (295/1481)
回答No.2

参考としたいサイトのHTMLソースを確認することから始めましょう。

legs
質問者

お礼

ありがとうございました。 熟読最中です

関連するQ&A

  • WEBページ左右に区切り線を挿入

    お世話になっております。 Dreamweaver8、Windows XP環境でHP制作をしています。 ページの左右(編集領域というのでしょうか)に線を入れたいのですが、どう調べてもわからず困っております。 ボタンやFLASHなどの素材を配置したのですが、どうもバラバラな感じになってしまい、どこまでがページの横幅で、どこからが余白なのか分からないため、左右に線があって、その中に素材が納まっている感じにしたいのですが…。 この説明でご理解いただけるでしょうか…? タグ等を見てもどれがその線に当たるのか分からず悩んでいます。 ご存知の方いらっしゃいましたらどうぞお知恵を貸してください。 よろしくお願いします。

  • ページ全体をインラインフレームにしたい

    大きな1枚の画像の上にメニューと本文を同時に表示にするため、ページ全体を2つのインラインフレームにしたページを作ろうとしています。 スタイルシートで左右2カラムのレイアウトにして、左のインラインフレームはwidth:20%;height:100%;、右のインラインフレームはwidht:80%;height:100%;で指定したのですが、指定した覚えもないのに右側に余白ができてしまいます。 htmlやbodyのmarginとpaddingを0pxにしたりwidth:100%;とheight:100%;を入れてみたんですが、効果なしです。 基本的な作り方を習ったこともないので、途方にくれています。 端に余白が出来ないように、ページ全体をインラインフレームにする方法を教えてください!

    • ベストアンサー
    • HTML
  • インラインフレームについて。

    webページを作っているのですが、 インラインフレームの構造と、背景固定が理解できずに苦戦しています。 詳しい方がおられましたら、ご回答よろしくお願いします。 添付画像の様に、インラインフレームを右下に、 左右少しずつ空間をあけて設置したいのですが、 どのタグを使えば良いのでしょうか? 添付の橙斜線部を、白の半透明にしたいのですが、 そちらはどの様にすればできるのでしょうか? それから、背景画像を右下に固定したいのですが、 <STYLE type="text/css"> <!-- BODY { background-image : url(img/***.gif); background-repeat : no-repeat; background-attachment : fixed; background-position: right bottom } --> </STYLE> こちらのタグは、何処に記入すれば良いのでしょうか? <head>~</head>に書き込んでも表示されませんでした…。 他に必要な物があるのでしょうか?? 様々なHPを見たのですが、ちゃんと理解する事ができなかったので質問しました。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • フラッシュの中にタグ?

    HPのトップページをフラッシュで作ろうとがんばってるんですが フラッシュの中に http://www3.ocn.ne.jp/~maruno/frem/ifame4.htm こういうインラインフレーム使いたいんです。 でもこのタグをどこに入れていいのか分かりません。 こういうことって出来るんですか? 出来るのならやり方を教えてください。 ちなみにFlash MXっていうの使ってます。 よろしくお願いします。

  • フレームページの作り方

    こんにちわ。 フレームページを作るために下記のタグでいこうと思うのですが HTMLファイルどうやって作ってどのようにアップさせればいいのか わかりません。それとHTMLファイルは自分のデスクトップに置いてあるファイルを直接この下記タグ<frame src="left.html"> <frame src="right.html">に貼り付けていいのでしょうか? ご回答おねがいします。 <html> <head><title>左右に分割するフレーム</title> </head> <frameset cols="20%,80%"> <frame src="left.html"> <frame src="right.html"> </frameset> </html>

    • ベストアンサー
    • HTML
  • 同じページの最上部へ戻るボタンをFLASHも組み合わせて作りたいのです

    同じページの最上部へ戻るボタンをFLASHも組み合わせて作りたいのですが。 参考URL:http://store.lumiebre.jp/ 様 このページにある右下のようなページUPボタンを作りたいです。 カーソールを合わせるとアルファ値が変化しているようなのですが、分かりません。 <a name="top"></a>と<a href="#top"><img src="">を埋め込むまでしか理解できません! どのようにするとカーソールを合わせた時に画像のアルファ値が変化するのでしょうか。 また、swfファイルとHTMLのimgタグは同じ場所に組み込むことができるのでしょうか?? 回答よろしくお願いします。

  • ウェブページの図や写真が表示されないことがあります。

    ウェブページの図や写真が表示されないことがあります。 表示されない場合,その隅に「四角・三角・丸からなる」マークが出ています。 特に危険なページや,禁忌画像とも思えません。 このような図画を表示させるには,どうすればよいのでしょうか? 環境は,Windows XP,IE7,ウィルスバスター2010,団体建物内LAN,・・・です。

  • HPを作っていますがお気に入りに追加しても無題になります!

    サーバーのアップロードまでできてページもちゃんと表示できています。しかし、お気に入りに追加すると、「無題ドキュメント」という名前になります。HPはdreamwaver4で作成しています。タイトルといういうとには表示したい名前を入力してあるので、TOPページのタグを見ても <Html> <Head> <Title>タイトル</Title> </Head> <Body> </Body> </Html> となっています。どうしてでしょうか。

  • インラインフレームを使ったページのレイアウト

    センス向上の為、色々テンプレート配布サイトさんを見回っていた所、数か所のサイト様で、テーブルとインラインフレームを組み合わせたテンプレートを配布されている所を見付けました。 まずインラインフレームは枠線、境界線(表現、これで合っているでしょうか?デフォルトの状態だと、枠線を消しても窪んだ様な感じになっていますよね?それの事です)共に表示されておらず、 スクロールバーもない為に、スクロールはされないものの、インラインフレームの大きさが読み込むページによって変容していました。 また、あるサイト様ではインラインフレームの箇所に画像を使用しており、画像内の文字のみ変わる様な仕組みになっていました。 参考にして自分なりの物を作ろうと思ったのですが、思った様に行きませんでした。 width、heightは100%としましたが、インラインフレームの大きさは変わらず、frameborderだけでは境界線も消えず、マージンも指定しましたが、表示位置も変わりませんでした。 勿論とほほさんやTAG indexさんで勉強はして、その通りに打ち込んだつもりですが効果なし。 マージンに関して言えば、一応、少しだけは変わりましたが、明らかに指定した数値とは違う位置に表示されました。(指定は150px、表示位置は50pxにも満たない様な位置でした) ネットサーフィンで見かけたサイト様でしたので、その数か所のサイト様がどこから見かけたものか忘れてしまい、URLやソースを控えておく事もしていなかったので、 そのテンプレート配布者様がどの様なタグでその様にしたかが分かりません。 見かけたサイト様の様に表示させるにはどうしたらいいのでしょうか? それとも諦めてフレーム辺りで落ち着くべきでしょうか?

  • ビルダーのインフレームらしき所に画像表示

    こんにちは! HPをビルダーで作っているものですが、個性あるHPにしようと思って タグも一緒に挿入して作っています 本題ですが ビルダーでインラインフレームを使うとその中にページが表示されますが、画像の場合は、 いちいち「ページを作成して画像を貼り付けてリンクに貼り付けてインラインフレームに表示させる」しか出来ないんでしょうか? ・画像の横などにコメントなど入れる場合はどうなんでしょうか?

専門家に質問してみよう