人気ブログランキング | 話題のタグを見る

オンマウス

画像の上にマウスをのせてください。


同じサイズの写真を2枚使っても出来ます。



投稿欄に以下のタグをいれてください
<center>
<div class="popup"><a href="自分のブログのアドレスを入れます">
<img src="始めに表示しておく小さな画像のアドレス" class="small">
<img src="マウスを乗せて大きく表示する画像 のアドレス" class="zoom" width=400
height=300 alt="画像に対するコメント"></a></div>
</center>
投稿欄にこのタグをコピーして入れる時の注意
<  >は必ず半角で描いてください。




以下のタグをcssの最後に加えてください
/*画像の拡大表示*/
.popup a:link img.zoom,
.popup a:visited img.zoom,
.popup a:active img.zoom,
.popup a:focus img.zoom{
display:none;
border-style:none;
}

.popup a:hover{background-color:transparent;}

.popup a:hover img.zoom{
border-style:none;
display:block;
}

.popup a:link img.small,
.popup a:visited img.small,
.popup a:active img.small,
.popup a:focus img.zoom{
border-style:none;
display:block;
}
.popup a:hover img.small{
border-style:none;
display:none;
}
by akonoheya | 2013-08-10 16:22 | スキンの編集


<< レースの枠 浮立 >>