[SRC] Diaporama Powerpoint-like
Voici un script qui tient sur une ligne et qui permet de faire un diaporama simplement :
Code:
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:
1 2 3
| function goTo( n ) {
window.location.href = "#" + n;
} |
Code:
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> |
URL de test : http://josselin.willette.free.fr/cod...ces/diaporama/
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).