Javascript JQuery-自动更改图像宽度

Javascript JQuery-自动更改图像宽度,javascript,jquery,css,Javascript,Jquery,Css,我正在创建一个网站,我有一个IE兼容性问题。我解决这个问题的想法是使用JQuery脚本来改变与窗口成比例的图像宽度。 但是,我的脚本不起作用 $(document).read(function() { updateSizes(); $(window).resize(function() { updateSizes(); }) }); function updateSizes() { var

我正在创建一个网站,我有一个IE兼容性问题。我解决这个问题的想法是使用JQuery脚本来改变与窗口成比例的图像宽度。 但是,我的脚本不起作用

$(document).read(function() {
        updateSizes();
        $(window).resize(function() {
            updateSizes();
        })
    });

    function updateSizes() {
        var $windowHeight = $(window).height();
        var $windowWidth  = $(window).width();
        $(".fadingImg").css("width",$windowWidth * 0.7)
    }
我已尝试将
+“px”
添加到
$(“.fadingImg”).css(“宽度”,$windowWidth*0.7)

我的JQuery实现是:

<script src="http://abrahamyan.com/wp-content/uploads/2010/jsslideshow/js/jquery-1.4.3.js" type="text/javascript"></script>

应该是

$(document).ready(function() {
不是

应该是

$(document).ready(function() {
不是


您需要在正确的位置添加px

$(".fadingImg").css("width", ($windowWidth * 0.7) + "px")
您还需要确保您有
class=“fadingImg”

您还需要确保将其放在就绪块中

$(function() {
  //code here
});

您需要在正确的位置添加px

$(".fadingImg").css("width", ($windowWidth * 0.7) + "px")
您还需要确保您有
class=“fadingImg”

您还需要确保将其放在就绪块中

$(function() {
  //code here
});

这个解决方案不用JavaScript,为什么不用CSS呢

.fadingImg { width: 70%; }

这个解决方案不用JavaScript,为什么不用CSS呢

.fadingImg { width: 70%; }

如果您的fadingImg是
,请尝试设置该属性

$(".fadingImg").attr("width",$windowWidth * 0.7)

如果您的fadingImg是
,请尝试设置该属性

$(".fadingImg").attr("width",$windowWidth * 0.7)

$(文档)。阅读
应该是
$(文档)。准备好了
@user1671639谢谢!它起作用了!这么愚蠢的错误!没问题,但在发布问题之前,请检查控制台(按F12开发人员工具)。这将节省您宝贵的时间:)
$(文档)。阅读
应该是
$(文档)。准备好了
@user1671639谢谢!它起作用了!这么愚蠢的错误!没问题,但在发布问题之前,请检查控制台(按F12开发人员工具)。这将节省您宝贵的时间:)谢谢!这么简单的错误!是 啊错误确实会发生,但我们应该从中吸取教训,尽量不要重蹈覆辙:)谢谢!这么简单的错误!是 啊错误确实会发生,但我们应该从中吸取教训,尽量不要重蹈覆辙:)我有过这样的经历,但IE对我来说不起作用,但谢谢你的建议!我有,但它不与IE为我工作,但谢谢你的建议!