200,000Hits （2017/08/19）
準備中の物件の間取りです。
売り出し時期、価格等は相談中ですので、今しばらくお待ちくださいます様お願い申し上げます。
本ページは、間取りのみと、敷地を含めたパースを組み合わせて表現できないかテストをしています。
１階 間取り１→ロールオーバー間取り２
クリック→間取り１を別窓拡大
↓onMouseタグを追記編集
２階 間取り
ロールオーバー失敗
追記は失敗の要因と対策の備忘録。
備忘録
OnMouseでの編集不可
ブログのソースコードを編集するも、自動でonmouse系タグを削除する為、２階間取のようにロールオーバーせず、画像１のみ表示される。
seesaa系ブログ（さくらのブログ）
対策
ロールオーバー専用のページを用意し、onmouseを使用して画像を重ね、本ページでインラインフレームで表示させる。
成功（FIREFOX 41.0.2）（公開後クローム、ＩＥを要チェック）
但し、本文帯域が狭いため、小さめの表示になってしまう。
クリックすると、別窓で拡大（画像原寸）表示に変更する。
専用ページ側のHTML
▽１階画像置場
<a href="http://jotoshouji.sakura.ne.jp/sblo_files/joto/image/1510162002201f.bmp" target="_blank">
<img src="http://jotoshouji.sakura.ne.jp/sblo_files/joto/image/1510162002201f.bmp" alt="１階間取り" width="410" height="216" border="0" onMouseOver="this .src='http://jotoshouji.sakura.ne.jp/sblo_files/joto/image/1510162001201f.bmp'"onMouseOut="this .src='http://jotoshouji.sakura.ne.jp/sblo_files/joto/image/1510162002201f.bmp'" />
</a>
▽２階画像置場
<a href="http://jotoshouji.sakura.ne.jp/sblo_files/joto/image/1510162002202f.bmp" target="_blank">
<img src="http://jotoshouji.sakura.ne.jp/sblo_files/joto/image/1510162002202f.bmp" alt="２階間取り" width="340" height="179" border="0" onMouseOver="this .src='http://jotoshouji.sakura.ne.jp/sblo_files/joto/image/1510162001202f.bmp'"onMouseOut="this .src='http://jotoshouji.sakura.ne.jp/sblo_files/joto/image/1510162002202f.bmp'" />
</a>
<img src="http://jotoshouji.sakura.ne.jp/sblo_files/joto/image/1510162002202f.bmp" alt="２階間取り" width="340" height="179" border="0" onMouseOver="this .src='http://jotoshouji.sakura.ne.jp/sblo_files/joto/image/1510162001202f.bmp'"onMouseOut="this .src='http://jotoshouji.sakura.ne.jp/sblo_files/joto/image/1510162002202f.bmp'" />
</a>
表示させたいブログ側
インラインフレームタグをソースコードに追記
▽１階部分
<div><iframe src="http://jotoshouji.com/page024.html" name="1F" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" height="210" width="400">１階間取</iframe></div>
表示画像のサイズとフレームサイズを合わせる。に注意する。２１０では、画像２の縦が切れるため、２２０に変更。
フレームのスクロールバー、境界線は、非表示にする。
▽２階部分
<div><iframe src="http://jotoshouji.com/page025.html" name="1F" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" height="220" width="400">１階間取</iframe></div>
| スクロールバー | scrollimg |
| 境界線 | frameborder |
| 余白 | marginwidth（横方向） marginheight（縦方向） |
ロールオーバーのセットとなる、画像１と画像２のサイズを合わせる。
