ビヘイビア
画像に触れるとその画像を置き換えるようにしたい
インタラクティブボタンではなく、オリジナルの画像に触れると画像を置き換えるようにするには、ビヘイビアの「イメージの入れ替え」を使用します。
- マウスに触れる前の画像と、触れたときに置き換える画像を用意します。
- マウスに触れる前の画像を挿入します。
フォルダ一覧から画像をドラッグ&ドロップすると簡単です。 - [ビヘイビア]作業ウィンドウを表示します。
【作業ウィンドウ→ビヘイビア】をクリックします。 - 画像を選択します。
- [ビヘイビア]作業ウィンドウの[挿入]ボタンをクリックし、[イメージの入れ替え]をクリックします。
- [イメージの入れ替え]ダイアログボックスが表示されました。入れ替えるイメージのURLを指定します。[参照]ボタンをクリックし、入れ替えるイメージファイルを指定します。[イメージの入れ替え]ダイアログにて[参照]ボタンをクリック入れ替えるイメージのファイルを選択して[OK]ボタンをクリック
- マウスがその画像から離れたときに元のイメージに戻すには、[MouseOutイメージ時に元に戻す]のチェックを付けます。
- [OK]ボタンをクリックします。
- ビヘイビアの設定ができました。
- 編集中のWebページを保存して、ブラウザでプレビューして確認しましょう。
- マウスが触れると画像が変化することが確認できました。
INDEX
問題は解決しましたか?
操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!