単一のページャーと各スライドショーで異なる効果を備えた 2 つのサイクル スライドショーを使用しています (メタデータ プラグインを使用)。
ここに記載されているように、各スライドショーの最初のスライドをアニメーション化したいと思いますが、構文に問題があります。
これは私の現在のjsです
$(document).ready(function() {
$('.slideshow').each(function(index) {
$(this).cycle({
pager: '#pager',
pagerAnchorBuilder: function(i) {
if (index == 0)
// for first slideshow, return a new anchro
return '<a href="#">'+(i+1)+'</a>';
// for 2nd slideshow, select the anchor created previously
return '#pager a:eq('+i+')';
}
});
});
});
効果は .slideshow div でコーディングされます (メタデータ プラグインを使用)
<div class="slideshow { fx: 'scrollRight', timeout: 0, cleartypeNoBg: true, speed: 750, easing: 'easeInOutBack' }">
<div class="slideshow { fx: 'scrollLeft', timeout: 0, cleartypeNoBg: true, speed: 750, easing: 'easeInOutBack' }">