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

“＆lt; a＆gt;”标记您将尺寸设置为具有显示：默认为内联。设置display：block to it，你的脚本应该可以正常工作。

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

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

2 个答案: