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ランキング
-
ウェブアートデザイナーの使い方
-
サイトの同じページに画像を複...
-
ホームページビルダーで
-
pythonで複数画像からgifを作る...
-
既存画像(gif または png)の背...
-
JW CAD の 挿入した画像への...
-
画像の白抜きの意味
-
Photoshopで背景を変えたい。
-
discordで画像保存できない
-
黒文字のロゴを白抜きで使いた...
-
画像ビューワFastStoneViewerの...
-
Irfanviewの枚数認識について
-
ホームページの背景固定
-
自作アイコンの背景が透明にな...
-
画像は何枚ぐらいパソコンに保...
-
JPG画像のURLを得る方法に関して
-
自炊したPDFの本を一度にレベル...
-
Illustrator(イラレ)初心者で...
-
LibreOffice Calcで背景画像の...
-
ぼやけた画像はどこまできれい...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像・スライドショーにコメントを
-
「ホームページビルダー」(標...
-
ホームページビルダー7で一つ...
-
サイトの同じページに画像を複...
-
メニュークリックによる画像切...
-
Dreamweaver MX のロールオーバ...
-
discordで画像保存できない
-
既存画像(gif または png)の背...
-
画像の白抜きの意味
-
JW CAD の 挿入した画像への...
-
Googleフォトで画像が半分グレ...
-
pythonで複数画像からgifを作る...
-
JPG画像のURLを得る方法に関して
-
自作アイコンの背景が透明にな...
-
黒文字のロゴを白抜きで使いた...
-
ChatGPTについて、質問です。 C...
-
texの表について(セルの内容の...
-
これはどこの国ですか?
-
LibreOffice Calcで背景画像の...
-
エクセルで、特定の画像へリン...
おすすめ情報