jquery - 加载图像并调整其宽度

标签 jquery html css

我在使用以下代码时遇到问题:

<!DOCTYPE html>
<html>
    <script type="text/javascript" src="jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#pic').attr("src", "image.jpg");
            if ($('#pic').width() > 85)
                $('#pic').attr("width", "85px");
        });
    </script>
    <body>
        <img id="pic" src="">
    </body>
</html>

当打开浏览器并在第一次加载时浏览到该页面时,它会加载具有原始宽度的“image.jpg”图像。刷新后宽度为 85px。

在第一次设置源后警告图像的宽度时,宽度为 0px。

请帮忙, 谢谢

最佳答案

为什么不设置一个 css 规则,比如,

#pic{
    width:85px;
}

?

关于jquery - 加载图像并调整其宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24720560/

相关文章:

html - <XMP> 标签的用途是什么?

html - 在 CSS 元素网格中对齐文本

css - 径向渐变显示一些背线,间隙,空格或边距

javascript - Bxslider 如何将 slider 移动到特定图像(项目)

c# - 如何从另一个 .aspx 页面更新一个 .aspx 页面的 div?

html - Css - 手镯形曲线 div/button

javascript - 如何将两个 div 添加到 jQuery UI 的对话框小部件中

html - CSS 将代码分成几部分

php - 使用 jQuery 的警报消息

html - 如何使用 jQuery 获取 <link> 标签的 href?