Code Tips, Snippets, Resources, Tutorials And Help
This example uses the Ken Burns Effect to fade between three images. Each image is also a clickable link.
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>