Code source wiki de TestTransitions

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

author	version	line-number	content
		1	{{html clean="false"}}
		2
		3	<script type="text/javascript">// <![CDATA[
		4	var Slides = new Array();
		5	var wait = 1000;
		6	var i=0;
		7
		8	function SlideShow()
		9	{
		10	Effect.Fade(Slides[i], { duration:2, from:1.0, to:0.0 });
		11	i++;
		12	if (i == Slides.length) i = 0;
		13	Effect.Appear(Slides[i], { duration:2, from:0.0, to:1.0 });
		14	}
		15
		16	document.observe('dom:loaded',function()
		17	{
		18	setInterval(SlideShow, wait);
		19	Slides = $$('#slideshow-content>div').toArray();
		20	}
		21	);
		22	// ]]></script>
		23
		24	<div id="slideshow-content">
		25	<div id="slide1" style="width: 450px; position: absolute;"><img src="/xwiki/bin/download/Louveteaux_Camp2013/Photos/camp%2Dloulou%2Dphotos%2Dpaul%2D1.jpg?width=450" alt="" /></div>
		26	<div id="slide2" style="width: 450px; position: absolute; display: none;"><img src="/xwiki/bin/download/Louveteaux_Camp2013/Photos/DSC05013.JPG?width=450" alt="" /></div>
		27	<div id="slide3" style="width: 450px; position: absolute; display: none;"><img src="/xwiki/bin/download/Louveteaux_Camp2013/Photos/DSC05093.JPG?width=450" alt="" /></div>
		28	</div>
		29	<div class="controls"><a href="#slide">1</a> <a href="#slide">2</a> <a href="#slide3">3</a></div>
		30
		31
		32	{{/html}}

Accès Rapide