0

ハイパーリンクで画像をキャッチし、ユーザーがエンド ユーザーに表示できるようにサイズを変更したいと考えています。次のコードを書きました。しかし、それは役に立ちません。私を助けてもらえますか？

if ($(this).find("img").attr("src") != null) {
                    var abc = $(this).attr('id');
                    $("#" + abc).width(20);
                    $("#" + abc).height(20);

                    $("#" + abc).show();
                    setTimeout(function () {
                        $("a").find("img").attr("src", "images/Capture.PNG");

                    }, 6000);}
}
4

2 に答える 2

0

HTML ソースでは、width="630" を指定しないでください。jQuery.width() は CSS の幅を操作するため、代わりにインライン CSS を使用して幅を指定します。また、jQuery.width() 関数には、単位 (% または px) なしの数値を指定します。

HTML

<a id="viewLarge" class="prepend-7" href="#">View Larger(+)</a>
<img id="newsletter" style="width: 630px" src='http://farm3.static.flickr.com/2475/4008724345_56506c8183_b.jpg'>

JavaScript

$(document).ready(function() {
    $("#viewLarge").click(function() {
        $("#newsletter").width(950);
    });
});
于 2013-10-28T10:40:56.970 に答える
0

ディメンションを設定する「< a >」タグには、デフォルトで display: inline があります。display: block を設定すると、スクリプトが正常に動作するはずです。

于 2013-10-28T09:34:12.043 に答える