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