データリストがあり、その中に画像を含むアンカーがあります。画像をホバーすると、特定の色で着色する必要があります。そのため、ホバー時に画像の不透明度が変化し、コンテナアンカーの背景色として色合いが追加されるようにしています。もちろん、これを行うにはアンカーを display:block に変更する必要があります。私はこれを行いましたが、アンカーのコンテナーが広すぎるため、サイズの異なる画像の横にアンカーの背景を表示したくありません。そこで私はこの Jquery を思いつきました。これはすべてのブラウザーで完全に動作しますが、IE. 私はIE6-10を試しました。Chrome と Firefox は正常に動作します。
jQuery(document).ready(function(){
if(jQuery(".posters").length>0){
jQuery(".posters img").bind('load', function() {
var anchor = jQuery(this).parent('a');
var image = jQuery(this);
var imageWidth = image.width();
var imageHeight = image.height();
anchor.css({
"background": "#767676",
"display": "block",
"width": imageWidth+"px",
"height": imageHeight+"px"
})
});
};
});
手伝って頂けますか?