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