2013-07-05 62 views
1

我這裏有這個代碼,我爲了使用滑塊來加載某些圖像:幻燈片使用jQuery循環將無法正確加載

<script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script> 
<script src="scripts/jquery.cycle.all.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#myslides').cycle({ 
     slideResize: true, 
      containerResize: false, 
      width: '1138px', 
     height: '532px', 
    }); 
}); 
</script> 

我的問題是,當我做了刷新,僅第一個圖像應該是它​​應該的,但其他的,它們只是顯示爲小矩形,我需要修改它,以便圖像只有在全部加載時纔開始滑動。

請幫助

+0

在刷新之前第一次加載後,這樣做是否正常工作? –

+0

讓我解釋,它不會工作,如果我按Ctrl + F5,然後如果我再次刷新它的作品 – Alb

回答

0

請更正一下JavaScript並試用。任何json的最後一個屬性不應該跟隨逗號(,)。請刪除高度屬性值&後的逗號,如果有效。

<script type="text/javascript"> 
    function pageLoad(){ 
     $('#myslides').cycle({ 
       slideResize: 1, 
       containerResize: 1, 
       fit: 1, 
       width: '1138px', 
       height: '532px' 
     }); 
    } 
</script> 

我想你已經設置的選項爲真或假,但在http://jquery.malsup.com/cycle/options.html選項設置爲1或0。請參閱jQuery Cycle Plugin - Option Reference瞭解更多詳情。

+0

感謝Pranav,我糾正它,但仍然沒有。 – Alb

+0

@Alb,更新的答案,請檢查它現在的工作。 –

+0

Pranav,請在這裏看看,這是如果我把它像你告訴我一樣: http://faleminderit.al/flmtest/ – Alb