2011-08-12 7 views
0

次のスクリプトでキャプションを表示する方法を理解しようとしています。 Jquery Cycleページの通常のキャプションデモでは、after:のキャプションを表示するコールバックが必要ですが、after:コールバックが使用されているため、キャプションを表示できませんでした。アクティブギャラリー。どんな助けもありがとう。ネストされたスライドショーでキャプションをJqueryサイクルにフック

$(document).ready(function() { 
    gLength = $('#hovergal > div').size(); 

    if(gLength > 1) 
     { 
      //move over gallery to allow room for nav 
      $('#hovergal').css("marginLeft","160px"); 
     //stop subgal initially 
      $('#hovergal .subgal').cycle({ 
       fx: 'fade', 
       timeout: 3000, 
       slideExpr: 'img' 
      }).cycle('pause'); 

      //start subgal on click 
      $('#hovergal').cycle({ 
       fx: 'scrollUp', 
       speed: 300, 
       timeout: 0, 
       slideExpr: '>div.subgal', 
       pager: 1, 
       pagerAnchorBuilder: function(i) { 
        return $('aside.sgnav a:eq(' + i + ')'); 
       }, 
       after: function(curr,next,opts) { 
        var cmd = opts.currSlide == 1 ? 'resume' : 'pause'; 
        $('div.subgal').cycle(cmd); 
       }, 
       before: function() { 
    $('.caption').html(this.alt); 
} 
      }); 
    } else {//else, if there's only one gallery to be shown 

     $('#hovergal .subgal').cycle({ 
      fx: 'fade', 
      timeout: 3000, 
      slideExpr: 'img' 
     }); 

    } 


}); 

答えて

0

私はあなたが好きな場所からのキャプションのコンテンツがかかることがあり、ここで Add captions to nested Jquery Cycle

でそれを説明しました。一番簡単な方法は、alt-Textを指定するか、各イメージの情報を格納したデータベースからテキストを選択する追加のスクリプトが必要な場合です。

ここhttp://ferienhaus-fischland-ahrenshoop.de/mini4/ のライブの例(このプロジェクトを終えた後、あなたが「mini4 /」を削除する必要があります)

関連する問題