Javascript 将jquery滑块与jquery定时淡入相结合

我有两个独立工作的脚本，现在我想把它们结合起来。 第一个是可以加载任何内容的滑块

<script>
$(function(){
    $('#slides').slides({
        preload: true,
        preloadImage: 'img/loading.gif',
        play: 10000,
        pause: 100000,
        hoverPause: true,
        effect: 'fade',
        slidesLoaded: function() {
            $('.caption').animate({
                bottom:0
            },200);
        }
    });
});
</script>

第二个是一个脚本，可以通过平滑的定时淡入显示几个div

<script type='text/javascript'>
  $(window).load(function(){
    $('.square').fadeTo(0,0).each(function(index) {
      var dif = index % 5;
      var lambda = parseInt(index / 8);
      $(this).delay(250 * (dif + lambda)).css('visibility','visible').fadeTo(500,1)
    });
  });
</script>

---

当页面加载时，div中的不同图像一个接一个地消失。第二个脚本。所有这些都在由第一个脚本激活的滑块div中。当滑块转到下一张幻灯片时，第二个脚本已激活，因为文档已准备就绪。我希望在激活第二张幻灯片时将其重置。然后，第二张幻灯片将显示第二批图像一个接一个地平滑淡入。

您在嵌入$document.ready in$window.load时犯了一个大错误，请在此处阅读原因：@TrueBlueAussie IMHO jQuery开发人员必须避免这种行为。@TrueBlueAussie很好，如您所愿：IMHO这是一个jQuery开发人员永远不会提出的相关问题。@TrueBlueAussie好主意。$document.ready已删除。现在回到手头的问题。。。当第二张幻灯片即将出现时，是否可以再次隐藏div.square可见性？顺便说一下，这里有一个URL，可以查看我们正在谈论的内容。。。