屏幕宽度小于1024像素时调整图像大小

时间:2016-05-10 21:50:06

标签: jquery

当屏幕宽度小于1024时,我试图让我的图像更小,但它不起作用。有人可以帮忙吗?

<script type="text/javascript">
    if( $(window).width() < 1024)
        {
           $(".imagelist").animate({ width: '2750px',height:'540px'})1000
           $("img").animate({ width: '250px',height:'250px'})1000
        }  
});
</script>  

2 个答案:

答案 0 :(得分:2)

就像穆罕默德 - 优素福所说,你错过了一个逗号。但是还有一些其他语法问题。试试:

<script type="text/javascript">
    if( $(window).width() < 1024)
    {
        $(".imagelist").animate({width:'2750px',height:'540px'}, 1000);
        $("img").animate({ width:'250px',height:'250px'}, 1000);
    }
</script>

答案 1 :(得分:0)

})1000它应为},1000)

<script type="text/javascript">
 $(document).ready(function(){
    if( $(window).width() < 1024)
        {
           $(".imagelist").animate({ width: '2750px',height:'540px'},1000);
           $("img").animate({ width: '250px',height:'250px'},1000);
        }  
});
</script>