Voici un script qui tient sur une ligne et qui permet de faire un diaporama simplement :
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 html, body { overflow:hidden; height:100%; margin:0; } h1 { font:bold 25px verdana; color:#fff; margin:0; text-align:center; padding-top:20px; } .diapo { height:100%; background:#abc; }
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 function goTo( n ) { window.location.href = "#" + n; }URL de test : http://josselin.willette.free.fr/cod...ces/diaporama/
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <div class="diapo" id="1" onclick="goTo(2)"> <h1>MA DIAPO 1</h1> </div> <div class="diapo" id="2" onclick="goTo(3)"> <h1>MA DIAPO 2</h1> </div> <div class="diapo" id="3"> <h1>MA DIAPO 3</h1> </div>
Après on peut imaginer mettre des effets scriptaculous pour les transitions, etc, là il n'y a qu'une base toute simple (c'est le cas de le dire).
Partager