jQuery滑塊在刷新之前不起作用

Question

我有一個簡單的jquery幻燈片放映，應在加載主頁后開始。 它有效，但是僅在我刷新頁面一次或兩次之后。 這是我正在使用的代碼：

    <!-- include jQuery library -->
<script type="text/javascript" src="js/javascript.js"></script>
    <!-- include Cycle plugin -->
<script type="text/javascript" src="js/Jquery2.js"></script>
<script type="text/javascript">
$(document).ready(function() { 
    $('.image').cycle({
          fx: 'fade',
          random: '1'
          });});      
</script>

任何幫助將不勝感激！ 提前致謝！！

-西奧

Answer 1

更改

<script type="text/javascript">
$(document).ready(function() { 
$('.image').cycle({
      fx: 'fade',
      random: '1'
      });});      
</script>

用

<script type="text/javascript">
$(window).load(function() { 
$('.image').cycle({
      fx: 'fade',
      random: '1'
      });});      
</script>

Answer 2

我認為所有圖片均未加載

$('img').load(function() {
    $('.image').cycle({
          fx: 'fade',
          random: '1'
          });});      
});

閱讀更多： 檢查是否已加載圖像？