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>

任何帮助将不胜感激！在此先感谢!!

-Theo

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'
          });});      
});

了解详情：Check if images are loaded?

jquery滑块在刷新之前不起作用

2 个答案: