當屏幕寬度小於1024像素時調整圖像大小

Question

當屏幕寬度小於1024時，我試圖縮小圖像，但是它不起作用。 有人可以幫忙嗎？

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

Answer 1

就像Mohamed-Yousef所說的那樣，您缺少逗號。 但是，還有其他一些語法問題。 嘗試：

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

Answer 2

大約})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>