0

データリストがあり、その中に画像を含むアンカーがあります。画像をホバーすると、特定の色で着色する必要があります。そのため、ホバー時に画像の不透明度が変化し、コンテナアンカーの背景色として色合いが追加されるようにしています。もちろん、これを行うにはアンカーを 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"
        }) 
    });
};
});

手伝って頂けますか?

4

0 に答える 0