JQuery CrossSlide | Ken Burns Effect Fading

This example uses the Ken Burns Effect to fade between three images. Each image is also a clickable link.

Loading...

Source code for this demo.

<script type="text/javascript">  //<!-- jQuery(function($) {     $('#crossslide').crossSlide({       fade: 1     }, [       {         src:  'google.png',         href: 'http://www.google.com/',         from: '50% 100% 1x',         to:   '50% 0% 5.7x',         time: 3       }, {         src:  'w3c.png',         href: 'http://www.w3c.org/',         from: 'top left',         to:   'bottom right',         time: 2       }, {         src:  'php.png',         href: 'http://www.php.net/',         from: '100% 80% 1.9x',         to:   '80% 0% 1.1x',         time: 2       }     ]); }); // -->  </script>

CrosSlide Examples

CrossSlide JQuery Plugin Test