オンマウスで画像を変え、リンク先に飛ばす

外部リンク先へ飛ばす時、別のタブで開く場合の設定方法も記載しています。

<a href="リンク先のページURL">

<img src="画像１のＵＲＬ" onmouseover="this.src='画像２のＵＲＬ';" onmouseout="this.src='画像１のＵＲＬ';">

<a target="_blank" href="リンク先のページURL">

＜以下の手順でHTMLを作成＞

 

①非表示ページにフォトギャラリーを作成し、オンマウスで変える画像を登録する。

 

②画像登録が終了したら、一旦、編集状態を終了（プレビュー）または、ログアウトする。

 

③それぞれの画像URLをテキストファイル等にコピーする。

 

 

④上記の記述の「リンク先のページURL」、「画像１のURL」、「画像２のURL」の部分を編集

　する。

 

⑤ウィジェット/HTMLに編集した記述を貼り付けると完成です。