2つの機能の組み合わせについて悩んでいます。
ロールオーバー機能 (マウスポインタが上に乗ったときに別の画像に変わる) とスワップイメージ機能 (マウスポインタが乗っているのとは別の場所の画像を変える) を同時に行いたいのですが可能でしょうか?
試しに1ページ作成したところロールオーバーされる画像にマウスポインタを上にしたとき画像も変更されスワップイメージの方も画像が変わるのですが、マウスポインタを離したときスワップイメージの方だけが画像が元に戻らず悩んでいます。マウスポインタを離したときスワップイメージも元に戻す方法はございませんか?
回答宜しくお願いいたします。
No.1ベストアンサー
- 回答日時:
両方をDWで作る方法は残念ながら分からないのですが、
DWで作ったものに少しだけ手を加えると実現できます。
まず、DWのメニューからスワップイメージを作ります。
次にロールオーバーイメージにしたい画像に、
下記の内容を書き加えます。
onMouseOver="this.src='マウスが乗った時の画像ファイル名'" onMouseOut="this.src='離した時の画像ファイル名'"
****************************************************
例えば、黒い画像(black.gif)の下にイラスト1(gazo1.gif)が
配置されていて、
その黒い画像にマウスを乗せると赤い画像(red.gif)に入れ替わり、
同時に下のイラスト1もイラスト2(gazo2.gif)に変わるという場合、
DWのメニューから黒画像(black.gif)にマウスを乗せるとイラストが入れ替わる(gazo1.gifからgazo2.gifへ)
というスワップイメージを作ります。
このときコードを見ると黒い画像の部分は
<img src="black.gif" name="Image1" border="0" id="Image1">
のようになっていると思います。
そこへさきほどのものを付け加えて、
<img src="black.gif" onMouseOver="this.src='red.gif'" onMouseOut="this.src='black.gif'" name="Image1" border="0" id="Image1">
のようにします。
これだと、ロールオーバーもスワップイメージも
マウスを乗せると変わるし、離すと元にもどります。
上手く説明出来なくてすみませんが、
試してみて下さい(なお、画像は適当にご用意下さい)。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- ドライブ・ストレージ PCのパーフォーマンスが極端に落ちた。 8 2023/01/28 15:22
- Excel(エクセル) エクセルにサムネイル画像組み込み 2 2022/09/02 17:13
- Windows 10 2つのウィンドウ選択時の表示について 10 2023/07/25 08:48
- 写真・ビデオ メイクや画像加工アプリで顔の赤みを消すことはできますか? 1 2022/08/17 14:29
- レディース ディズニーシーに今度行きます。 リーナベルのカチューシャをつけるのでリーナベルをイメージしたお洋服で 4 2022/11/01 18:42
- その他(プログラミング・Web制作) 監視カメラを水平につないでパノラマの映像を作りたい 1 2022/09/06 15:26
- Photoshop(フォトショップ) 写真のサイズ変更 1 2022/08/07 16:00
- Android(アンドロイド) 画像に透かしのウォーターマークを追加する方法について 1 2023/06/09 16:43
- Android(アンドロイド) いま3台のAndroidを使っています。 AndroidってiPhoneには無いmicroSDXCが 1 2022/05/06 11:42
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
FFFTPでサーバに新規フォルダが...
-
ホームページビルダー15で作っ...
-
ホームページビルダー22でリン...
-
既存画像(gif または png)の背...
-
ホームページの内容変更を無料...
-
ホームページビルダー19文字化け
-
ドリでテンプレートが反応しな...
-
ホームページを作りたいのです...
-
ホームページの画面文字を濃く...
-
メールフォーム設置の文字化け...
-
個人のホームページは
-
ホームページビルダー
-
ホームページ作成
-
HTMLで、ホームページが作れる...
-
ページの内容コピペ 範囲が広い...
-
ビフォアーアフターのページは...
-
今さらですがHPを作成するに当...
-
ホームページ制作で教えてくだ...
-
ホームページビルダーおすすめ?
-
GASについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Fireworksで地図上にリンク。
-
画像の一部分にリンクを貼りたい
-
こんなホームページ作れますか?
-
サイトの同じページに画像を複...
-
Dreamweaver MX のロールオーバ...
-
ホームページビルダー7で一つ...
-
画像・スライドショーにコメントを
-
ホームページビルダーで
-
HP掲示板のリンク先の変更
-
再びホームページビルダー6で
-
ビルダー6.5 携帯サイト作成・...
-
DreamWeaver/タブスタイルのメ...
-
画像の上に画像を重ねたいので...
-
ウェブアートデザイナーの使い方
-
ホームページビルダー16でリ...
-
discordで画像保存できない
-
既存画像(gif または png)の背...
-
JPG画像のURLを得る方法に関して
-
pythonで複数画像からgifを作る...
-
Photoshopで、削除できますか?
おすすめ情報