フォーカスのランダムな切り替え効果を実現する jquery メソッド image_jquery

この記事の例では、jquery がフォーカス画像のランダムな切り替え効果を実装する方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。

1. 操作効果は次の図に示されています。

2. 完全なサンプルコードについては、ここをクリックしてくださいこのサイトからダウンロードしてください。

3. 完全なコードは次のとおりです:

コードをコピー コードは次のとおりです:

   
   
   
   
   
   
   
        
        $(関数(){
            var eases = [];
            var row = 0;
            for(jQuery.easing の var x){
                if (x != 'リニア' && x != 'スイング') {
                    イージング[行] = x;
                }
            }
            
            $('#slides').slides({
                プリロード: true、
                preloadImage: 'img/loading.gif',
                プレイ: 5000、
                一時停止: 2500、
                スライドイージング: "スイング"、
                スライド速度: 2000、
                hoverPause: true、
                animeComplete: function(current) {
                     varindex = Math.floor(Math.random() * eases.length);
                     jQuery.easing.def = イージング[インデックス];
                }
            });
        });
   


   

       

           
           

               

                   
                   
                   
                   
                   
                   
                   
               

               
               
           

           
       

       

           

For full instructions go to http://slidesjs.com.

           

Slider design by Orman Clark at Premium Pixels. You can donwload the source PSD at Premium Pixels

           

© 2010 Nathan Searles. All rights reserved. Slides is licensed under the Apache license.