Compagnons-Forbach

</div>

</div>

start_slideshow(1, 6, 3000);

19

20

function start_slideshow(start_frame, end_frame, delay) {

21

setTimeout(switch_slides(start_frame,start_frame,end_frame, delay), delay);

22

}

23

24

function switch_slides(frame, start_frame, end_frame, delay) {

25

return (function() {

26

Effect.Fade('slideshow' + frame);

27

frame = Math.floor(Math.random()*(end_frame-start_frame+1))+start_frame;

28

//if(console) console.log("Next photo: " + frame);

29

setTimeout("Effect.Appear('slideshow" + frame + "');", 850);

30

setTimeout(switch_slides(frame, start_frame, end_frame, delay), delay + 850);

})

}

var isGood = document.location.href.startsWith("https://");

35

var isWrong = document.location.href.startsWith("http://");

36

console.log("Insisting? " + isGood + " " + isWrong);

37

if(!isGood && isWrong) {

38

if(console && console.log) console.log("Redirecting to the https side.");

39

document.location.replace("https://" + document.location.href.substring("http://".length));

}

</script>

</div>

<div id="html"

<body>

<h1>Mon super Test</h1>

</div>

</div>

</div>

</div>

</body>

</div>

</div>

</div>

Code source wiki de Code test

Accès Rapide

Applications

Mes dernières modifications

author	version	line-number	content
		1	{{html clean="false"}}
		2	<div id="box vert" style="border: solid green">
		3	<div id="carrouselle_photo" style="display:flex">
		4	<div id="box rouge" style="border:solid red">
		5	<div style="height:310px; width:300px; padding-left:1em; float:right">
		6	<div id="slideshow1" class="slide" style=""><div><img src="/xwiki/bin/download/Main/WebHome/pionniers-veillee-2020.jpeg?width=450"></div></div>
		7	<div id="slideshow2" class="slide" style="display: none"><div><img src="/xwiki/bin/download/Main/WebHome/timothee-technique-de-feu-5.jpeg?width=450"></div></div>
		8	<div id="slideshow3" class="slide" style="display: none"><div><img src="/xwiki/bin/download/Main/WebHome/DSCN5058.JPG?width=450"></div></div>
		9	<div id="slideshow4" class="slide" style="display: none"><div><img src="/xwiki/bin/download/Main/WebHome/P1220426.JPG?width=450"></div></div>
		10	<div id="slideshow5" class="slide" style="display: none"><div><img src="/xwiki/bin/download/Rouges/WebHome/Les-pios-preparent.jpg?width=450"></div></div>
		11	<div id="slideshow6" class="slide" style="display:none"> <div><img src="/xwiki/bin/download/Main/WebHome/paul-casserolle-sur-le-feu.JPG?width=450"></div></div>
		12	</div>
		13	</div>
		14
		15	<div id="Javascript">
		16	<script type="text/javascript">
		17
		18	start_slideshow(1, 6, 3000);
		19
		20	function start_slideshow(start_frame, end_frame, delay) {
		21	setTimeout(switch_slides(start_frame,start_frame,end_frame, delay), delay);
		22	}
		23
		24	function switch_slides(frame, start_frame, end_frame, delay) {
		25	return (function() {
		26	Effect.Fade('slideshow' + frame);
		27	frame = Math.floor(Math.random()*(end_frame-start_frame+1))+start_frame;
		28	//if(console) console.log("Next photo: " + frame);
		29	setTimeout("Effect.Appear('slideshow" + frame + "');", 850);
		30	setTimeout(switch_slides(frame, start_frame, end_frame, delay), delay + 850);
		31	})
		32	}
		33
		34	var isGood = document.location.href.startsWith("https://");
		35	var isWrong = document.location.href.startsWith("http://");
		36	console.log("Insisting? " + isGood + " " + isWrong);
		37	if(!isGood && isWrong) {
		38	if(console && console.log) console.log("Redirecting to the https side.");
		39	document.location.replace("https://" + document.location.href.substring("http://".length));
		40	}
		41	</script>
		42	</div>
		43
		44	<div id="html"
		45	<body>
		46	<div style="display:flex">
		47	<div id="box bleu" style="border: solid blue">
		48	<h1>Mon super Test</h1>
		49	<div id="paragraphe" style="display:flex">
		50	<div style="color:blue" style="flex-direction: row-reverse;">
		51	<p style="border: solid black;">box 1 !</p>
		52	<p style="border: solid black;">Box 2 !</p>
		53	<p style="border: solid black;">Box 3 !</p>
		54	<p style="border: solid black;">Box 4 !</p>
		55	</div>
		56	</div>
		57	</div>
		58	</div>
		59	</body>
		60	</div>
		61	</div>
		62	</div>
		63	{{/html}}