No.1ベストアンサー
- 回答日時:
7つの全ての部分が1枚の画像の中にあるのでしたら、イメージマップで対応することになると思います。
確実なのは、元の画像+切り替わった後の画像(7枚)を作って、javascriptのマウスイベントで処理するといいと思います。
切り替わる物体のみの画像ではなく、各1つずつの物体が切り替わった後の元のサイズの画像が7枚です。
(元の画像、1つめの物体だけが切り替わった画像、2つめの物体だけが切り替わった画像…… 7つめの物体だけが切り替わった画像、という感じで同じサイズの画像が合計8枚)
javascriptは自信がないのでコードは書きませんが、onClick, onMouseover, onMouseoutを使うと思います。
例えば、もともとの画像があり、1つめの画像にマウスが乗ると(onMouseover)1つめの画像だけが切り替わった画像に変り、そこからマウスが離れると(onMouseout)元の画像に戻る。クリックすると(onClick)リンク先へ移動。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- その他(ブログ) なぜ、ホームページが削除されても、そのホームページ上の画像のリンク先がリンク切れになる場合 5 2023/07/15 10:24
- 写真・ビデオ 写真や動画を保存する、これらを満たしたサービスはありませんか。 ・iOS, Android, Mac 2 2023/07/30 18:35
- 照明・ライト LEDテープライトの使い方について質問です。 階段を画像のようにしたいのですが、テープライトを使った 4 2022/10/14 08:24
- WordPress(ワードプレス) ホームページの画像が入れ替わらない 3 2022/12/24 16:00
- HTML・CSS ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください 5 2022/12/16 12:17
- Word(ワード) マイクロソフト2019の本を買ったのですが、本の説明では画面右下に表示モードの切り替えができて閲覧モ 5 2023/02/26 18:16
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像処理したBitmapをピクチャ...
-
画像認識アルゴリズムについて
-
Excel ユーザーフォームで表示...
-
PCは表示されるがスマホでは画...
-
uwscについて質問です。
-
EXCEL VBA 複数のImageコントロ...
-
vb.net 画像の透過について
-
【WPF】画像の切り替え
-
VBA シート毎に画像挿入
-
グーグルの画像検索結果の画像...
-
画像のビット数を変更する方法
-
画像処理 (3次元のモデルと...
-
MATLABのDICOM画像表示
-
ExcelのVBAで教えてほしいです。
-
VBSでワードに画像を貼り付ける
-
画像のピクセルデータの取得
-
画像にカーソルをあわせると画...
-
2値画像の一致度判定プログラム...
-
jqueryスライダーを2段でスライ...
-
画像を二値化した後、黒の部分...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【EXCEL VBA】ダブルクリックで...
-
こんなことてしますか??
-
Pythonでgif画像が上手く作れない
-
Excel ユーザーフォームで表示...
-
VBA シート毎に画像挿入
-
生成AI画像について
-
EXCEL VBA 複数のImageコントロ...
-
HTMLで画像をポップアップで表...
-
UWSCの色判定
-
UWSC 画像判定と条件分岐について
-
jQuery . プログラミング 助け...
-
VBAのユーザーフォームのイメー...
-
背景画像の繰り返しについて
-
jqueryスライダーを2段でスライ...
-
vb.net 画像の透過について
-
【WPF】画像の切り替え
-
「using Windows」でエラーが出る
-
画像処理したBitmapをピクチャ...
-
スマホでサイトの画像を長押し→...
-
UWSC 画像認識で条件分岐
おすすめ情報