Img适合div

时间:2015-10-24 17:53:55

标签: javascript jquery html css

在我的页面的body标签中,我有一个包含多个图像的div(每个img都有一个电影的id,所以像movie1,movie2等),它将具有幻灯片效果。我不知道为什么这不起作用,而不是必须给每个人img css max-width: 100%; max-height: 100%的{​​{1}}标签,以便在我的jQuery我正确地适应div放$('img[id^=movie).css('max-width', '100%', 'max-height', '100%',但这不起作用。这段代码应该看到任何带有单词movie的img(所有这些都有)应该有这些最大标签,以便它可以适合div。为什么这不起作用?

2 个答案:

答案 0 :(得分:2)

movie应该是引号,它需要一个字符串。

答案 1 :(得分:2)

您正在使用.css( propertyName, value )语法设置mutliple css属性。这只能用于将值设置为单个css属性

要设置多个css属性,应传递css属性的属性 - 值对对象。 $('img[id^=movie]').css({'max-width': '100%', 'max-height':'100%'})

源:http://api.jquery.com/css/