jquery method to achieve random switching effect of focus image_jquery

The example in this article describes how jquery implements the random switching effect of the focus image. Share it with everyone for your reference. The details are as follows:

1. The operation effect is shown in the figure below:

2. Click here for the complete example codeDownload from this site.

3. The complete code is as follows:

Copy code The code is as follows:

   
   
   
   
   
   
    <script><br>          <br>         $(function(){<br>             var easings = [];<br>             var row = 0;<br>             for(var x in jQuery.easing){<br>                 if (x != 'linear' && x != 'swing') {<br>                     easings[row ] = x;<br>                 }<br>             } <br>              <br>             $('#slides').slides({<br>                 preload: true,<br>                 preloadImage: 'img/loading.gif',<br>                 play: 5000,<br>                 pause: 2500,<br>                 slideEasing: "swing", <br>                 slideSpeed : 2000,<br>                 hoverPause: true,<br>                 animationComplete: function(current) {<br>                      var index = Math.floor(Math.random() * easings.length);<br>                      jQuery.easing.def = easings[index];<br>                 }<br>             });<br>         });<br>     </script>


   

       

           
           

               

                   
                   
                   
                   
                   
                   
                   
               

               
               
           

           
       

       

           

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.

       

   

希望本文所述对大家的jQuery程序设计有所帮助。