Code source wiki de TestTransitions

Version 1.1 par Paul Libbrecht (admin) le 2013/09/10 13:13

author	version	line-number	content
		1	{{html clean="false"}}
		2
		3	<script type='text/javascript' src="/xwiki/js/jquery.innerfade/jquery.innerfade.js"/>
		4	<link href="/xwiki/js/jquery.innerfade/jq_fade.css" rel="stylesheet" type="text/css" media="screen" />
		5
		6	<ul id="news">
		7	<li>
		8	<a href="#n1">1 Lorem ipsum dolor</a>
		9	</li>
		10	<li>
		11	<a href="#n2">2 Sit amet, consectetuer</a>
		12	</li>
		13	<li>
		14	<a href="#n3">3 Sdipiscing elit,</a>
		15	</li>
		16	<li>
		17	<a href="#n4">4 sed diam nonummy nibh euismod tincidunt ut</a>
		18	</li>
		19	<li>
		20	<a href="#n5">5 Nec Lorem.</a>
		21	</li>
		22	<li>
		23	<a href="#n6">6 Et eget.</a>
		24	</li>
		25	<li>
		26	<a href="#n7">7 Leo orci pede.</a>
		27	</li>
		28	<li>
		29	<a href="#n8">8 Ratio randorus wil.</a>
		30	</li>
		31	</ul>
		32
		33	<script type="text/javascript">
		34	jQuery = $;
		35	$(document).ready(
		36	function(){
		37	$('#news').innerfade({
		38	animationtype: 'slide',
		39	speed: 750,
		40	timeout: 2000,
		41	type: 'random',
		42	containerheight: '1em'
		43	});
		44
		45	$('#portfolio').innerfade({
		46	speed: 'slow',
		47	timeout: 4000,
		48	type: 'sequence',
		49	containerheight: '220px'
		50	});
		51
		52	$('.fade').innerfade({
		53	speed: 'slow',
		54	timeout: 1000,
		55	type: 'sequence',
		56	containerheight: '1.5em'
		57	});
		58	}
		59	);
		60
		61	</script>
		62	{{/html}}

Accès Rapide