Javascript Jquery循环问题：加载时暂停+悬停操作

嘿，伙计们，建立一个网站，我有两个问题要问你们。该网站目前位于此处：。我有两个问题：1。当前，幻灯片放映使用保存图像的.slide类旋转div。在它里面，一类.cover用数据/半透明背景覆盖在它上面。如果您尝试此操作，由于.cover上的CSS显示：none，它可以正常加载，但当我单击缩略图时，它会同时加载两个div，而不会将display:none应用于.cover div。它仅在我将鼠标悬停在上方时消失。我正在使用Jquery Cycle，我的代码如下所示：在shutterflow.js中找到

---

如何获取要加载为显示的封面：单击缩略图时无？2。我的第二个问题应该很简单。查看上面的片段，我希望幻灯片在暂停状态下加载，并且仅在单击播放链接时运行。

编辑：添加了第一个问题的答案

第一个问题: 将pagerClick选项添加到cycle功能中

pagerClick:function(zeroBasedSlideIndex, slideElement) {$(slideElement).find('div.cover').hide();}

第二个问题似乎很简单： 基于插件：

假设您有播放/暂停btn

btnPlayPause.togglefunction{$slideshow.cycle'pause'；}，function{$slideshow.cycle'resume'；}

您还可以在这些功能中更改播放/暂停按钮图像。

---

另外，看

这几乎成功了，我使用了你在页面加载时给出的暂停代码。.cover隐藏效果也不错，但现在它们在每次淡出后的每个过渡中都会显示出来。我如何在500毫秒后隐藏一个div，也就是让div淡出然后隐藏它？我注意到你的playpause代码中有一个输入错误。简历拼错了。

        $(document).ready(      
              function() {
                $('.slide').hover(
                  function() {  $(".cover").fadeIn('500'); },
                  function () { $(".cover").fadeOut('500');
                 }  );
        }  );

pagerClick:function(zeroBasedSlideIndex, slideElement) {$(slideElement).find('div.cover').hide();}