画像を変化させる方法。

質問

現在ＣＳＳでホームページを作っています。ある画像の上にマウスを乗せた時、別の画像を表示させたいのですが、背景として、設定せず、Ｊａｖａ　Ｓｃｒｉｐｔも使わず、ＣＳＳかＨＴＭＬだけで設定することは可能なのでしょうか？可能であれば、その方法を誰か教えていただけますか？よろしくお願いします。

回答No.2

crepon133 · ベストアンサー

.photo {
position: relative;
top: 0px;
left: 1px;
width: 32px;
}
.photo a .large {
display: block;
position: absolute;
width: 1px;
height: 1px;
top: 0px;
left: 0px;
}
.photo a.popup,
.photo a.popup:visited {
display: block;
width: 32px;
top: 0px;
left: 0px;
}
.photo a.popup:hover {
color:#000000;
background-color: #ffffff;
}
.photo a.popup:hover .large {
display: block;
position: absolute;
width: 320px;
height: 240px;
top: 0px;
left: 0px;
}

<div class="photo">
<a href="imges/image.jpg" target="_blank" class="popup"><img src="imges/icon.gif" width="32" height="32" border="0" alt="" title="マウスオンで大きい写真"><img src="imges/image.jpg" width="320" height="240" border="0" alt="" title="クリックで新しいウインド／ウマウスオフで元に戻る" class="large"></a>
</div>

お礼

できました！ありがとうございました。

回答No.1

partita

＞背景として、設定せず

無理だと思います。