-1

imgタグをスパンでラップし、イメージをスパンの背景イメージにする機能を持つこのスニペットに出くわしました。私の質問は、特定の img タグまたは特定の div 内の一部の img タグにのみ適用するにはどうすればよいですか?

$(document).ready(function(){

$("img").load(function() {
    $(this).wrap(function(){
        return '<span class="image-wrap ' + $(this).attr('class') + '" 
            style="position:relative; display:inline-block; background:url(' + $(this).attr('src') + ') no-repeat center center; width: ' + $(this).width() + 'px; height: ' + $(this).height() + 'px;" />';
    });
    $(this).css("opacity","0");
});

});

4

1 に答える 1

0

簡単です。$("img")別のセレクターに置き換えて、サイト上のすべての画像ではなく、別の画像セットで「ラッピング」コードを実行するだけです。たとえば$(".extra img")、クラス "extra" (class="extra") のタグ内にある任意の img をターゲットにするために使用します。

これは jQuery の基本的で些細な知識です。jQuery のチュートリアルを読むか、jQuery コード スクールhttp://try.jquery.com/を使用して jQuery の使用方法を学習することをお勧めします。

于 2013-05-13T07:38:49.747 に答える