Code source wiki de TestTransitions

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

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

Accès Rapide