• ベストアンサー

画像をボタンでスクロール

ホームページ作成自体、初挑戦の超初心者です。 http://m-cat.net/index2.html ↑こちらのページのように、(左側の漢字のボタンを押した先に出てくる素材の画面です)ボタンを押すと画像が次の画像へとスクロールするものを作りたいのですが、色々検索してみてもイマイチ分かりません。 ソースを見てもよく分からないもので^^; 分かりやすいやり方、参考になるページなどありましたら教えて下さい。

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

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

(・∀・)チハ これってフォームだと思いますよ 左と右の画面は管理しているHTMLが違うので 右をスクロールさせても左は再描画されていません。 参考ソース <frame name="mcleft" src="3.html" noresize> <frame name="mcmain3" src="material.html" noresize> ↑に*.htmlが二つあるので。 ですが、スクロールさせることも可能です。 やり方はー、わかりません。 フォームの方は調べれば、あると思います。 (フレーム管理と言ったりもします) 一応、HTMLタグ一覧って検索すると何かありますよ

その他の回答 (2)

回答No.3

参考リンク追加します。 こちらの方が理解しやすいかもしれません。 ここに書いてある、右.HTML 左.HTML の形で書くと 右.HTML 中.HTML 左.HTML に併せて フレーム.HTML を用意すればOKです。

参考URL:
http://heo.jp/tag/page/frame.html
回答No.2

フレームで縦三分割にしてるみたいです。 左端が 和・古などのメニュー部分。 真ん中にスクロールバーを表示させない状態で、和の説明メニュー(?)などのHTMLが入っていて 右端が素材画面になっているようです。 その3つのページとは別に、3つのページをまとめて一画面に表示させるための HTMLが必要です。 初心者の方がタグだけで作られるのはちょっと難解かもしれません。 作成ソフトがあれば、フレームのヘルプなどに、簡単に書かれてるはずです。 フレームのHTMLについては リンク先が参考になるかも。 HTMLのリファレンスです。

参考URL:
http://www.asahi-net.or.jp/~ax2s-kmtn/ref/html/hp7.html

関連するQ&A

  • 複数の画像を横にスクロールさせるボタンについて

    複数の画像を横にスクロールさせるボタンについて こちらのサイト(www.japanican.com/index.aspx)の下のほうのFeaturesにあるような複数の画像を横にスクロールさせるボタンはどのようにすればできますか。Javascriptは扱ったことがないのでわかりやすく教えていただければ助かります。よろしくお願いいたします。

  • スクロールバーを画像に

    スクロールバーを画像にしたいです。 今までの過去ログを見ても、ページが存在していないため、できません。 http://sk3d.jp/index_1.html ↑みたいな風にスクロールバーを画像にしたいのです。 一応、部品とかは作成したのですが・・・。 詳しい説明方法が載っているページとかでも良いので、教えてくれると幸いです^^

  • 画像クリックでスクロールバーの色を変える方法

    カテゴリー的にここかなと思うので質問させていただきます。 よく画像の素材サイトで 「サンプル画像をクリックすると、背景がその画像に変わる」 というものを見かけますが、 あれと同じ事をCSSのスクロールバーのカラー指定に対してやってみたいのです。 つまり、スクロールバーのサンプル画像をクリックすると、そのページ自体のスクロールバーが変わっていくというもの。 スクロールバーの色がIEでしか変わらない事は存じております。 私はHTMLとCSSの理解は深い方ですが、JavaScriptはほとんどわかりません。 よろしくお願いします。

  • スクロール長すぎ

    ホームページビルダーV6を使っていますが、indexのページだけ何故かなんにも置かれてないのにものすごく下までスクロールできる様になっています。どうでもいいのですが、最近気になりだしました。なにか原因があると思う方教えて下さい。

  • 画像の無限スクロールについて

    FLASH初心者です。 いろいろ探しましたが、上手くいかず、わからないのでアドバイスお願いします。 ページが読み込まれると同時に、画像が下から上に向かう無限スクロールをさせたく、いろいろやってみましたが、どうしても途切れて空白になる時間が出来てしまったり、繋ぎがスムーズにいかなかったりします。 画像は縦62pxが1つ、縦82pxが4つの2セットをグループ化し、625.4pxとなっています。 ソースは、ホームページで検索したのを参照しました。 ↓ onClipEvent(enterFrame) { this._y -= 3;; if(this.getBounds(_root).yMax < 0) { this._y += 625.4;; } } なにとぞ宜しくお願いします。

    • ベストアンサー
    • Flash
  • 複数の画像を横にスクロールさせる方法について

    複数の画像を横にスクロールさせる方法について こちらのサイト(www.japanican.com/index.aspx)の下のほうのFeaturesにあるような複数の画像を横にスクロールさせるのはどのようにすればいいのでしょうか。できれば、CSSとhtmlのタグを教えていただければうれしく思います。 また、横についているボタンだけにするとか、下のスクロール部分だけにするとかも教えて下さい。 よろしくお願いいたします。

  • 画像ボタンをキラキラさせるには

    こんばんは。 ホームページ制作についての質問です。 画像ボタンにカーソルを乗せたり、クリックしたりしたときに、 ボタン周りにキラキラが出るようにしたいと思っています。 数日かけて、いろいろ検索して、多くの参考サイトを見ましたが、 結局答えには辿りつけませんでしたので、 ここで質問させてもらおうと思いました。 ここが自分のページです。 http://oto.bz/Oto%20no%20Omise.html テーブルのセルの中に赤と青のボタンがあり、 押すと右上にカートが出ると思います。 このボタンにオーバーロールを使っており、 マウスを乗せたりクリックしたりで、多少変わります。 本当はこれに、キラキラの効果を加えたいのですが、 うまくできずにいます。 これがテスト用に作ったページです。 http://oto.bz/test.html 赤い方のボタンにマウスカーソルを乗せると、 少しキラキラとなり、クリックすると、 更にたくさんキラキラとなりますが、 これは、赤いボタンの周りにキラキラをつけた png画像を配置しただけなので、 赤いボタン自体は縮小されるし、 何がやりたいのかよく分からない状態になっています。 自分がやりたいのは、 マウスカーソルを置いたときと、クリックしたとき、 ボタンのキラキラ部分だけを、 セルの外にはみ出させて表現することです。 赤いボタン自体は不変にして、外にキラキラを散りばめる、 こういったことはできるでしょうか? もし不可能な場合は、無理だと分かるだけでもすっきりしますので、 何かご存知の方がいましたら、情報をいただけないでしょうか。

    • ベストアンサー
    • CSS
  • スクロールしても、画像を一定のところに表示したい

    現在、勉強しながらホームページを作っています。 HTMLは何とか理解できたと思っている程度です。 現在作成中のページで「できればいいな」と思っているのですが、ページの内容が多くなると、当然、たてにスクロールしなければならなくなりますよね。 そのとき、例えば、左上の隅に表示されていた画像は、スクロールとともに上に消えていってしまいます。 これを、スクロールしても画面の左上に表示し続けるということができないでしょうか? 素人考えで「JAVAScriptならなんとかなるかな?」と思ってここに問い合わせを書きました。 よろしくお願いします。

  • 背景に1280×1024の画像があるフルスクリーンでスクロールバー非表示をするには

    はじめまして。かなり困っております。よろしくお願いします。 現在わたしが作成しようとしているものは下記の項目のものです。 ------------------------------------------------------------------------------------ ・index.htmlにあるenterボタンを押して、flashフルスクリーンのページが表示される(縦横のスクロールなし)。 ・フルスクリーンで使用するflashの背景画像が1280×1024pxである。 ・背景画像は伸縮せず、固定。どのモニターでも中央に表示される。 ------------------------------------------------------------------------------------ です。 フルスクリーンはindex.htmlにjavascriptを埋め込んで、できたのですが、1280×1024pxより小さなモニターの場合、画像が中央に配置しません。 どうすればよいでしょうか? よろしくお願いします。

  • ホームページ作成で画像スクロールがうまくいきません

    ホームページ作成で画像スクロールがうまくいきません http://www.beautrium.com/ 上記のページと画像は変えてまったく同じように作りたいのですが、flashを使わなけ れば無理なのでしょうか? ご教授下さい 上記のページのように 画像を画面いっぱいにだし 同じスピードにしたいと思っております javascript css html を使っているのですが なかなか上手くいきません。 ちなみにfirefoxにも対応させたいと思っております 宜しくお願い致します。