1

私はhtml imgコントロールを使用してサイズを変更するこのjqueryコードを持っています。問題は、ウィンドウ内のすべての「img」がこれの影響を受けることです。

私の質問は、特定の画像のみに関連するようにコードを変更する方法です。

私のFiddle jqueryコードを見てください

$(document).ready(function () {
var cont_left = $("#container").position().left;
$("a img").hover(function () {
    var $this = $(this);
    $this.closest('.img').css('z-index', 1);

    var orig = $this.data('orig');
    if (!orig) { // caching the original sizes via `jQuery.data`
        orig = {
        width: this.width,
        height: this.height
        };
        $this.data('orig', orig);
    }
    $this.stop(true, false).animate({
        width: orig.width * 1.3,
        height: orig.height * 1.3,
        left: -(orig.width * 0.3 / 2),
        top: -(orig.height * 0.3 / 2)
    }, 300);
}, function () {
    var $this = $(this),
        orig = $this.data('orig');
    if (!orig) {
        return false;
        // should never be here, as it means calling 'mouseleave' without 'mouseenter'
    }
    $this.closest('.img').css('z-index', 0);
    // hover out
    $this.stop(true, false).animate({
        width: orig.width,
        height: orig.height,
        left: 0,
        top: 0
    }, 300);
});
$(".img").each(function (index) {
    var left = (index * 160) + cont_left;
    $(this).css("left", left + "px");
});
});

name 属性を使用できますか? それとも「img」以外のものですか?

4

2 に答える 2