ホームページ作成・素材

なっとく!ドリームウィーバー

なっとく!ドリームウィーバー インターネット・パソコン>ホームページ作成>初心者向け
ホームページ作成/Webサイト・アプリケーション開発ソフトAdobe Dreamweaverの今さら聞けない基礎から上級テクニックや裏技を誰でも「わかり」「できる」ように少しずつお届けします。初心者からプロまで着実に力が付きます。全バージョンMacintosh/Windows対応。


全て表示する >

なっとく!ドリームウィーバー

2017/04/26

■□■        なっとく!ドリームウィーバー       ■□■
なっとく!フォトショップ → http://www.mag2.com/m/0000111878.html
======================================================================




【 ロールオーバーイメージの作成 】



 ページにロールオーバーイメージを挿入することができます。


 ロールオーバーとは、ブラウザで表示したときにポインタを置くと変化する

 イメージのことです。サイトのメニューなどによく使われています。


 ロールオーバーを作成するには、2つのイメージが必要です。1つ目は、ペー

 ジを最初にロードしたときに表示されるイメージのプライマリイメージで、

 2つ目は、ポインタをプライマリイメージ上に移動すると表示されるイメー

 ジのセカンダリイメージです。


 2 つのイメージは同じサイズにする必要があります。Dreamweaver では、ロ

 ールオーバーイメージのプロパティがプライマリイメージに一致するように

 調整されます。


 ロールオーバーイメージは、onMouseOver イベントに反応するように自動的

 に設定されます。 別のイベント (マウスクリックなど) に反応するように

 イメージを設定したり、ロールオーバーイメージを変更したりできます。


 ドキュメントウィンドウのロールオーバーを 表示したい場所に、挿入ポイ

 ントを置きます。 


 以下のいずれかの方法でロールオーバーを挿入します。


 [挿入] バーの [一般] カテゴリで [イメージ] ボタンをクリックし、

 [Rollover Image] アイコンを選択します。

 [挿入] バーに [Rollover Image] アイコンを表示して、そのアイコンをド

 キュメントウィンドウにドラッグします。


 [挿入]-[イメージオブジェクト]-[Rollover Image] を選択します。


 オプションを設定して、[OK] をクリックします。 


 (イメージ名)

 ロールオーバーイメージの名前。 


 (元の画像)

 ページのロード時に表示するイメージ。テキストボックスにパスを入力する

 か、または [参照] をクリックしてイメージを選択します。 


 (ロールオーバーイメージ)

 ポインタを元のイメージに合わせたときに表示するイメージ。パスを入力す

 るか、または [参照] をクリックしてイメージを選択します。 


 (ロールオーバーイメージのプリロード)

 ビジターがイメージにポインタを置いたときに遅延が発生しないようにブラ

 ウザのキャッシュにイメージをプリロードします。 


 (代替テキスト)

 (オプション) テキスト専用ブラウザを使用するビジター用の説明文を入力

 します。 もしくは、なんらかのトラブルなどで、画像がうまく表示されな

 かった場合に、それが表示されます。


 クリック時に URL へ移動 ユーザーがロールオーバーイメージをクリックし

 たときに開くファイルです。

 パスを入力するか、または [参照] をクリックしてファイルを選択します。


 なお、デザインビューではロールオーバーイメージの効果を見ることはでき

 ません。 





*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

  http://www.next-digital.com/mail_magazine/ 各種人気メルマガ発行

  ご感想・ご意見は、このメールの返信に記載(返信)送信下さい
  発行人 Next Digital   http://www.next-digital.com

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

規約に同意してこのメルマガに登録/解除する

メルマガ情報

創刊日:2007-11-14  
最終発行日:  
発行周期:隔日刊  
Score!: - 点   

コメント一覧コメントを書く

この記事にコメントを書く

上の画像で表示されている文字を半角英数で入力してください。

※コメントの内容はこのページに公開されます。発行者さんだけが閲覧できるものではありません。 コメントの投稿時は投稿者規約への同意が必要です。

  • コメントはありません。