Discussion :

[Bisûnûrs]

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;
}

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>

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).

[FremyCompany]

Pour les transitions "PowerPoint", je ne peux que vous conseiller d'utiliser filter et les transitions DirectX.

Exemple: Fade
> http://msdn2.microsoft.com/en-us/lib...90(VS.85).aspx

[le_chomeur]

pas mal comme idée
si besoins , plutôt que d'utiliser une librairie plutôt lourde, je veux bien proposer les effets de base ( fadein, fadeout, effet de glissement ( comme sur mon dernier calendrier ... ) )
fais moi signe si tu es intéressé Bisûnûrs