TOP

プレビューで変化が確認できる記述コード

HTMLコードのみでマウスオーバーすると画像が切り替わる手法の追加です

 

親ページの解説手順が面倒と感じられる方はこちらをご採用ください..

 

こちらの記述は、シリウスのプレビュー画面でも作動を確認することが
できます...

 

ここで、お詫びです..

 

いつからか確認できておりませんが、ページを公開した際は正常作動を
確認できておりましたが、その後不作動だったようです...

 

大変申し訳ございませんでした..

 

改めて記述の修正をいたしており、正常作動を確認しております..

 

反映作動をご確認ください..

 

 

コードは一行、、、

 

 

<img src="img/1aaaaaaav1.jpg" onMouseOver="this.src='img/1aaka3.png'" onMouseOut="this.src='img/1aaaaaaav1.jpg'">

 

 

表示させたい記事内位置に貼り付け後、画像コードを3つ書き換えて
ください...

 

 

img/1aaaaaaav1.jpg 一つ目の画像アドレス

 

img/1aaka3.png 二つ目の画像アドレス

 

img/1aaaaaaav1.jpg 一つ目の画像アドレス

 

 

同一サイズの画像にしてください

 

同サイズでなくとも作動します....ただずれが見られるだけ

 

 

リンクコードを付ける場合は、シリウスリンク機能で全体記述を囲んで
ください..

 

マウスオーバーのみでは反映せず、クリックしての発動となります..

 

 

 

 

スポンサーリンク

 

 

マウスオーバーで画像チェンジ もう一つの方法
マウスオーバー画像切り替わり方法
シリウスカスタマイズ