Résumé

• Propriétés de la Page (1 modifications, 0 ajouts, 0 suppressions)

Détails

Propriétés de la Page

Contenu

...	...	@@ -1,20 +1,15 @@
1	1	{{html clean="false"}}
2	2
3		-
4		-<div class="fadein">
5		- <div style=""><img src="http://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg"></div>
6		- <div style="display:none"> <img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg"></div>
7		- <div style="display:none"> <img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg"></div>
	3	+<div id="myshow"><!-- protoshow container -->
	4	+ <ul class="show"><!-- slideshow itself -->
	5	+ <li class="slide"><img src="http://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg"></li>
	6	+ <li class="slide" style="display: none"><img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg"></li>
	7	+ <li class="slide" style="display: none"><img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg"></li>
	8	+ </ul>
8	8	</div>
9	9
10		-<script>
11		-setInterval(function(){
12		- var imgs = $$('.fadein img'),
13		- visible = imgs.findAll(function(img){ return img.visible(); });
14		- if(visible.length>1) visible.last().fade({ duration: .3 });
15		- else imgs.last().appear({ duration: .3,
16		- afterFinish: function(){ imgs.slice(0,imgs.length-1).invoke('show'); } });
17		-}, 3000);
18		-</script>
19		-
	11	+ocument.observe('load', function() {
	12	+ // reference ID of our show container
	13	+ var show = new protoShow('myshow');
	14	+});
20	20	{{/html}}