Jqueryのサイクルに関する質問：ロード時の一時停止+ホバーアクション

Question

サイトを構築して、私はあなたのために2つの質問があります。このサイトは当面はここにホストされています：http://wesbos.com/tf/shutterflow/?cat=5。

2つの質問があります：

1.現在、スライドショーは画像を保持する.slideのクラスでdivを回転します。その中に、.coverのクラスがデータ/オーバーレイの半透明の背景とオーバーレイします。

これを試してみると、CSSが表示されるため、.coverには何も表示されませんが、サムネイルをクリックすると両方のdivが読み込まれ、display：noneが.cover divに適用されません。私は上に乗るときに消えるだけです。私はjQueryのサイクルを使用していますし、私のコードは次のようになります（shutterflow.jsで見つかった）

$(document).ready(function() { 
$('#slideshow').cycle({ 
    fx:  'fade', 
next: '#next', 
    pause: 1, 
prev: '#prev', 
    pause: '#pause', 
    pager: '.thumbs', 
    pagerAnchorBuilder: function(idx, slide) { 
        var src = $('img',slide).attr('src'); 
        return '<li><a href="#"><img src="' + src + '" height="75" /></a></li>'; 
      } 
}); 

そして

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

どのようにディスプレイとしてロード.cover取得することができます。サムネイルをクリックしても何も表示されませんか？


2.私の2番目の質問はとても簡単です。上記のスニペットを見ると、スライドショーを一時停止状態で読み込み、再生リンクがクリックされたときにのみ実行するようにします。

Answer 1

EDIT：最初の質問の回答を追加しました。

最初の質問： サイクル機能にpagerClickオプションを追加します。

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

2つ目の質問は簡単に思える：プラグインdocに基づいて ：

あなたは

btnPlayPause.toggle（関数（）{$（ "＃スライドショー" BTN再生/一時停止を持っていると仮定すると、 ）.cycle（ '一時停止'）;}、関数（）{$（ "＃のslideshow.cycle（ '履歴書'）;}）

あなたはまた、これらの関数では、再生/一時停止ボタンの画像を変更することができ も。見てくださいhere