javascript - 如何使用 jquery 调整超链接的图像大小？

Question

我想在超链接中捕获图像并调整其大小以供用户显示给最终用户。我编写了以下代码。但这无济于事。你能帮帮我吗？

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);}
}

Answer 1

您设置维度的“< a >”标签默认显示：内联。将 display: block 设置为它，您的脚本应该可以正常工作。

Answer 2

在您的 HTML 源代码中，不要指定 width="630"。而是使用内联 CSS 来指定宽度，因为 jQuery.width() 将操纵 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);
    });
});