ねえ、私はしばらくこれを試してきましたが、運がありません. 次のコードがあります。
<a href="iframelink opened in fancybox"><img src="image link"></a>
img src に画像ホバーを適用するにはどうすればよいですか? ありがとう
<img>
タグの代わりに背景画像を使用する例。
<a href="...." rel="fancybox"><a>
CSS:
a[rel=fancybox] {
display: block;
background: url('image1.jpg') no-repeat 0 0 transparent;
width: 100px;
height: 100px;
}
a[rel=...]:hover {
background: url('image2.jpg') no-repeat 0 0 transparent;
}
画像をプリロードする必要がある場合があります。
JSを使用:
<a href="" rel="" onmouseover="this.getElementById('i1').src='/images/image_hover.jpg'" onmouseout="this.getElementById('i1').src='/images/image.jpg'">
<img id="i1" src="/images/image.jpg">
</a>