クロススライドのページネーション？

Question

クロススライドスライドショーのページ設定を実装する必要がありますcrossslide slideshowにページ設定を実装する方法を教えてもらえますか。 事前に

おかげで....

Answer 1

私はそれが完璧ではないですが、以下は、あなたのための可能な解決策になることができると思います。ユーザが第2の画像を見たい場合は、あなただけのことができ、再順序設定と再び コールcrossSlide（）

$test3.crossSlide({ 
      fade: 1 
     }, [ 
      { // #1 
       src: 'sand-castle.jpg', 
       alt: 'Sand Castle', 
       from: '100% 80% 1x', 
       to: '100% 0% 1.7x', 
       time: 3 
      }, 
      { // #2 
       src: 'flip-flops.jpg', 
       alt: 'Flip Flops', 
       from: '100% 80% 1.5x', 
       to: '80% 0% 1.1x', 
       time: 2 
      } 
     ] 
    ); 

：

はたとえば、あなたに設定を持っています。 2番目の画像がすぐに表示されます。例えば

$test3.crossSlide({ 
     fade: 1 
    }, [ 
     { // #2 
      src: 'flip-flops.jpg', 
      alt: 'Flip Flops', 
      from: '100% 80% 1.5x', 
      to: '80% 0% 1.1x', 
      time: 2 
     }, { 
      //#1 
      src: 'sand-castle.jpg', 
      alt: 'Sand Castle', 
      from: '100% 80% 1x', 
      to: '100% 0% 1.7x', 
      time: 3 
     } 
    ] 
); 

、改ページコードのようなものになります

<a class='change_img' data-img='1' style='cursor: pointer'>#1</a> 
<a class='change_img' data-img='2' style='cursor: pointer'>#2</a> 
... 
<a class='change_img' data-img='5' style='cursor: pointer'>#5</a> 

$('.change_img').live('click', function(){ 
    var images = [/* your configuration */]; 
    var idx = parseInt($(this).attr('data-img')); 
    var tmp = images.splice(0, idx-1); 
    images = images.concat(tmp); 
    $('#your_placeholder').crossSlide({fade:1}, images); 
});