• ベストアンサー

ファイヤーワークスでHP作成中

はじめまして！FWでロールオーバー設定をしてます。例えば、商品項目が10項目ありまして、ラーメンの文字上にマウスを置いたとき、中央の写真がラーメンの写真に変わる。それぞれの項目で違う写真を表示したいのですが、1つしか変更できず、しかも中央のオリジナル写真にマウスをあてただけでもラーメンの写真に変わってしまいます・・・ ちなみに10項目の文字商品はフレーム2にまとまってます。 それぞれ写真がかわるように設定するにはどうすればよいのでしょうか？誰かお分かりになる方がいらっしゃれば教えて下さい。宜しくお願い致します。^^

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

  • ベストアンサー
  • yuk777
  • ベストアンサー率35% (65/181)
回答No.1

FWで作成ということですね。 1フレーム目は全体のデザインを作成します。 そこに商品項目の10項目も配置します。 中央にオリジナル写真があるとします。 ２フレーム目には商品１の写真、３フレーム目には商品２の写真。。。とフレームを追加して変更する写真をオリジナル写真と同じ場所に配置します。オリジナル写真の部分はスライスの挿入をします。 １フレームの各商品項目にビヘイビアの設定をします。オリジナルの部分のスライスを選択して、入れ替えるイメージのフレームを選択します。（商品１だったら、フレーム２、商品２だったらフレーム３） これでプレビューで見て見ると、写真が変更します。 というので、どうでしょう？ 言葉だけの説明で申し訳ないですが。。

haguhagu
質問者

補足

とても分かりやすいご説明ありがとうございます^^ 長い間作業が進まず、誰も分かる人がおらずとても困っておりました。ところで、商品項目は全てボタンになっており、アップに英語・オーバーに日本語を使っているのですがそのまま上記方法で進めてよろしいですか？ 初心者なもので・・・宜しくお願い致します。

その他の回答 (1)

  • yuk777
  • ベストアンサー率35% (65/181)
回答No.2

ボタンの状態でも同じように進めていただいてOKです。 画像が無い部分もテキストのスライスを入れておくと編集が楽だと思います。 あとからHTMLで書き出した時に、DWでビヘイビアの確認をすると、仕組みがわかると思います。

haguhagu
質問者

お礼

ありがとうございます^^ とても参考になりました。まだまだ先は長いですが、 がんばります^^

  1. カテゴリ
  2. インターネット・Webサービス
  3. インターネット接続・通信
  4. レンタルサーバ・ASP

関連するQ&A

  • ホームページのメニュー作成で

    ホームページをヒームページビルダー13の標準モードで作成しています（初心者です）。 フレームを3段に分けて真ん中のフレームをメニューとして作っていますがメニューへマウスを置くと画像が変わるロールオーバーにしたのですが、 クリックしてページを表示した時にそのページにあたるメニューの項目がマウスを置いた時の画像（または別画像）になり、 どのメニューのページが表示されているのか分かるよようにできればと思っています。 一つ一つのページのメニューを変更し登録をする以外に方法があるのでしょうか？（CSS等？） フレームを使う事で不都合があるようでしたら、変更することも可能です。 アドバイスを宜しくお願いします。

  • ＨＰの作成について

    ＨＰビルダー１０を使ってＨＰを作ろうと思っています。 本も買ってみたのですが、いまいちわからないところがあります。 (1)表示される画面のサイズ 　１５インチの画面でＨＰを閲覧する人も、１９インチの画面で閲覧する人も 　 いると思います。見る人の画面の大きさに関係なく画面のサイズに合わせて 　 自動的に表示できるように設定できないのでしょうか？ (2)表の中で文字を均等割り 　表の中の文字の一部は中央に、一部は左寄せに、また一部の文章は枠の中で 　均等に表示されるようにしたいのですが、そういうことは出来ないのでしょか？ (3)バックに表示される色を同じにしたい 　バックの色をどのページも全て同じにしたいのですが、 　どういうわけか１ページだけ微妙に色が違います。 　WORDのように色の数値を見るところはないのでしょうか？ (4)枠の大きさを揃えたい 　EXCELのように全ての枠を一度に揃えることは出来ないのでしょうか？ 　またその枠を固定させておくことは出来ないのでしょうか？ 　文字を打ち込むたびにサイズが変わるので困っています。 (5)プレビューとページ編集では内容の表示のされ方が違う 　ページの編集できれいにレイアウト出来たと思い、プレビューページを見ると 　ずいぶん違った表示がされています。 　同じにする方法はないのでしょうか？ (6)文字の一部が中央揃えになってしまう 　左寄せの設定をしたはずの文章が、中央揃えで表示されてしまいます。 　文末の５文字だけが中央揃えというのはおかしいので、左寄せにしたいのですが、 　一体どうすれば左寄せになるのでしょうか？ WORDやEXCELしか使ってこなかったので、HPビルダーはあまりに勝手が違い 戸惑うことばかりです。 たくさん質問して申し訳ありませんが、一つでも結構ですのでお分かりの方がいらっしゃいましたら、 是非ご教授くださいませ。 よろしくお願いします。

  • 別のフレームに画像を表示させる

    検索をかけてみたのですが、同じ質問は見付からず 似た(？)ような質問の回答では理解出来ないので どなたかご存知の方が居ましたらお願い致します マウスを乗せた時、他の画像を表示させたり、画像に効果をつける ロールオーバーという機能の仲間なのではないかと思うのですが 「マウスを乗せた時、別のフレームに画像を表示させる」事は可能なのでしょうか？ フレームを上下に分けて、上は写真のサムネイルで そのサムネイルにマウスを乗せた時に 下のフレームに大きめの、サムネイルとは別の画像を表示させたいのですが やり方が判りません。 ロールオーバーも使った事がなかったのですが やってみたら(基本の効果は)、そこそこ理解出来ました。 フレームも最近覚えた初心者ですので、スクリプトも良く判りません (作られたソースを貼る位しか出来ません・・・・) 宜しくお願い致します

  • HP作成時に、フレームにリンクできずに悩んでいます。

    HP作成時に、フレームにリンクできずに悩んでいます。 PC環境は、mac os X、使用ソフトはDream weaver CS5です。 左右にフレーム分割をして、左フレームの文字にリンクを挿入し、右フレームにリンク画像を表示させたいのですが、何度やっても新しいウィンドウで開いたりします。 フレームを右フレームに設定したいのですが、下のプロパティのtarget指定では、self、 blank、 parent、 new、 topの５種類しかできないようで困っています。 別の方法で、フレームリンクの設定が出来るのでしょうか？ 教えて頂けると幸いです。 ご回答宜しくお願い致します。

    • ベストアンサー
    • Mac
  • １７インチモニタ。画面が縦長に表示されます

    １７インチモニタ（iiyama ProliteE431S）なのですが、解像度1024×768だと画面が縦長になってしまいました。 1280×1024に変更したところ、今度は画面が小さくなった上にまだ少し、縦長のままです。（写真などを見るとそれがよくわかります。顔が伸びているので） 文字については画面の詳細設定でDPIというのを大きい表示（120%くらい）に変えたのですが、文字は大きくなっても細い文字なので見づらい。 okwebのページを見ると、右フレームの文字は大きいですが、左のフレームの文字がすごく小さいです。 どのような設定をすればキレイに表示されるでしょうか？ よろしくお願い致します。

  • HTMLでホームページ作成中の者です。

    HTMLでホームページ作成中の者です。 タグの貼り方が分かりません・・・ 一つの要素にやりたい事が沢山あって、 例えば ◯フレームを左、中央、上で分けたい。 ◯左に入れた項目文字にリンクを貼りたい。 ◯中央に左の項目のリンクを表示させたい。 とかです。（本当はフォント指定とか、大きさとか色とか指定したいんですが・・・） その時に分からない事は ◯その指示を<head>に入れるのか<body>に入れるのか。 ◯それぞれのタグをどう区切ってどの順で入力したらいいのか。 例えば ↓フレーム分割タグ↓ <frame src="frame1.html" name="left"frameborder="1"><frameset cols="150,*"> ↓リンクタグ↓ <a href="profile">Profile</a> これをこの様に付けても表示されません。 <frame src="frame1.html" name="left"frameborder="1"><frameset cols="150,*"><a href="profile">Profile</a> もう限界で・・・どなたか教えて下さいお願いします。

    • ベストアンサー
    • HTML
  • HPビルダーのことで教えてほしいです

    ビルダーのことで質問させて頂きます。 現在初めてホームページを作ろうと思いホームページビルダー１４を使っています。 質問させて頂きたいことは文字を中央に表示させる方法です。 表を作りその中に文字を入れて、中央揃えを押して文字が中央に来るように設定しました。 ビルダーの編集画面では文字は中央に表示されるのですが、インターネットを起動して画面を確認すると文字が左により、文字の後ろの部分に無駄な空間ができた状態で表示されます。 試しに編集で文字の前をスペースで間を空けて文字をずらすと、インターネットで表示される状況では 文字の後ろにあいてる間があるのに改行されてしまいます。 この場合文字を中央に表示させるにはどのようにしたらよいでしょうか？

  • ロールオーバーとアクティブコンテンツ制限の情報バーについて

    　ホームページを作成しています。 　ロールオーバー効果（マウスポインタを写真の上に重ねると、写真が違うものに変わる）を使いたいのですが、そうすると Internet Explorer で表示したときに、アクティブコンテンツを制限する情報バーが表示されてしまいます（OS:Windows XP SP2）。 　同様にロールオーバー効果を使用しているサイトで、まったく同じ設定で表示しているのに、情報バーが表示されないところがあります。 　サイトを閲覧しているＰＣの設定に関わらず、情報バーが表示されないようするためにはどうしたらよいのか、教えてください。

  • 文字の上にマウスがきたときの効果について

    お世話になります。 ホームページ作成で困っています。 ビルダー７で作業しています。 画像のロールオーバー効果とは違って、文字列にリンクを付けると必ず下線が入りますが、たとえば下線を付けずに、マウスがその文字列の上にきた時だけ色が変わるとか、下線が入るとかの設定はできないのでしょうか。 「リンクの設定」に「イベント」とか、「スタイル」という設定項目がありますが、これを使うのでしょうか。 どなたか教えて下さい。よろしくお願いします。

  • fireworksでアンチエイリアスが効かない

    ジョイントロールオーバーでフレーム2以降の文字を表示させると アンチエイリアスが効きません。 編集中の状態ではきちんと輪郭をぼかしてあるのにプレビュー表示にすると 単色のギザギザになってしまいます。 書き出しの設定をいろいろ試しましたがうまくいかないようです。 OSはWinMeです。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する