Voici deux exemples de diaporamas avec un défilement alterné.
Source : Diaporama avec un défilement horizontal (textes et images)
Pièce jointe : diaporamaH2.zip
Commentaires :
- Le code est commenté.
- Le défilement du texte et des images est alterné (de la droite vers la gauche puis de la gauche vers la droite).
- Les images sont cliquables (modifier la fonction clicSurImage(objCellule)). Si vous ne voulez pas gérer les clics, laissez la fonction vide.
- Vitesse de défilement : pour l'augmenter il faut augmenter la valeur de la variable pas ou diminuer la valeur de tempo (qui est une chaine de caractères).
Ces variables sont déclarées dans la partie "//***** Fonctions du diaporama *****//"
- Code valide XHTML 1.1
/!\ Pour les dimensions des composants utilisez le pixel comme unité !! (pas le % - bug)Source : Diaporama avec un défilement vertical (textes et images)
Pièce jointe : diaporamaV.zip
Commentaires :
- Le code est commenté.
- Le défilement du texte et des images est alterné (du bas vers le haut puis du haut vers le bas).
- Les images sont cliquables (modifier la fonction clicSurImage(objCellule)). Si vous ne voulez pas gérer les clics, laissez la fonction vide.
- Vitesse de défilement : pour l'augmenter il faut augmenter la valeur de la variable pas ou diminuer la valeur de tempo (qui est une chaine de caractères)
Ces variables sont déclarées dans la partie "//***** Fonctions du diaporama *****//"
- Code valide XHTML 1.1
/!\ Pour les dimensions des composants utilisez le pixel comme unité !! (pas le % - bug)
- Les codes fonctionnent sous IE7, FF, Konqueror.
- Les codes n'ont pas été testés sous IE6, Opéra, Safari (à vérifier donc
).
[Bug]
Dans les codes sources : remplacez
(=> Konqueror n'accepte pas cette syntaxe)
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part var chemin = "images\\";
par
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part var chemin = "images/";
[/Bug]
Partager