ビヘイビア

画像に触れるとその画像を置き換えるようにしたい

インタラクティブボタンではなく、オリジナルの画像に触れると画像を置き換えるようにするには、ビヘイビアの「イメージの入れ替え」を使用します。

1. マウスに触れる前の画像と、触れたときに置き換える画像を用意します。
2. マウスに触れる前の画像を挿入します。
   フォルダ一覧から画像をドラッグ＆ドロップすると簡単です。
   
3. ［ビヘイビア］作業ウィンドウを表示します。
   【作業ウィンドウ→ビヘイビア】をクリックします。
   
4. 画像を選択します。
5. ［ビヘイビア］作業ウィンドウの［挿入］ボタンをクリックし、［イメージの入れ替え］をクリックします。
   
6. ［イメージの入れ替え］ダイアログボックスが表示されました。入れ替えるイメージのURLを指定します。［参照］ボタンをクリックし、入れ替えるイメージファイルを指定します。
   ［イメージの入れ替え］ダイアログにて［参照］ボタンをクリック

   

   入れ替えるイメージのファイルを選択して［OK］ボタンをクリック

   
7. マウスがその画像から離れたときに元のイメージに戻すには、［MouseOutイメージ時に元に戻す］のチェックを付けます。
8. ［OK］ボタンをクリックします。
   
9. ビヘイビアの設定ができました。
   
10. 編集中のWebページを保存して、ブラウザでプレビューして確認しましょう。
11. マウスが触れると画像が変化することが確認できました。
    

問題は解決しましたか？

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください！

▲このページのトップへ