leCHvideoM

Lecteur vidéo d’une liste de vidéos En HTML 5 et Javascript.

leCHvideoM

leCHaudioM

Lecteur audio d’une liste de musiques En HTML 5 et Javascript. Montré sous 4 variantes d’utilisation

leCHaudioM-BTRa

leCHaudioC

Lecteur audio compact et hyper compact, d’une musique unique.
En horizontal et vertical. En HTML 5 et Javascript.

leCHaudioC

DiaramaN

Diaporama automatique et manuel avec affichage dans la page affichant les vignettes. Programmable avec possibilité d’enregistrer les temps de passage afin d’adapter le diaporama à une musique ou des paroles en fichier audio. L’écoute du fichier audio démarre en commençant l’enregistrement et cesse en l’arrêtant.
Vignettes affichées en lignes et colonnes, ou librement selon une disposition personnelle. Le diaporama apparaît dans la même fenêtre du navigateur et centré en fonction de sa taille.
Version extrapolée du vieux “Diarama”.

Lignes-colonnes

Libre

BoîtesMobilesCH

Ces “boîtes” ressemblent à des cartes de visites. Elles contiennent du texte ou des images ou les deux. Les visiteurs peuvent les déplacer pour voir des contenus cachés par leur superposition puis demander de les replacer dans leurs positions initiales

Boîtes Mobiles

PanoramiCH

Moteur de diaporamas spécialisé dans la présentation d’images panoramiques.
Les images de grandes largeurs s’affichent dans une fenêtre aux dimensions par défaut de 760 par 400 pixels.
Elles débordent donc horizontalement de cet espace et pour être visionnée, elles défilent en panoramique horizontal vers la gauche ou la droite, automatiquement ou manuellement, à vitesse lente ou accélérée.
Au-dessous, une fenêtre montre les vignettes des panoramas à faire défiler verticalement (comme dans “DynaramaH”) pour choisir celui à afficher dans la fenêtre du panoramique.

PanoramiCH

Diaramint

Diaporama interne à la page HTML qui affiche les vignettes de l’index pour un maximum de place laissée aux grandes images (800 par 600 pixels dans l’exemple proposé) centrées automatiquement en largeur et en hauteur dans la boîte de défilement.
Défilements des images : manuel avec flèches de commande escamotables ou automatique programmé.

Diaramint

Dynarama

Diaporama présentant la particularité d’afficher les vignettes dans une boîte verticale ou horizontale dans laquelle elles sont mobiles. Ceci permet de disposer d’un grand nombre d’images de grandes tailles.
La boîte à vignettes est soit horizontale (au-dessous ou au-dessus de la boîte à gandes images) soit verticale (à gauche ou à droite de la boîte à grandes images). La vignette de la grande image en cours d’affichage est mise en évidence par agrandissement et encadrement.

Vertical

Horizontal

MenuDyn

Ces menus sont très simples puisqu’il suffit pour les animer de 13 lignes de programme JavaScript sans aucune personnalisation. Le fichier HTML de la page décrit une ligne par menu et sous-menu dont les styles se trouvent dans un fichier “CSS”.

MenuDyn

JavaramaCH

Quatre diaporamas bâtis sur des mêmes principes mais très différents.
• JavaramaUS : ULTRA-SIMPLE avec une seule transition en fondu, une seule durée de transition et une seule durée d’affichage à 100%.
• JavaramaS : SIMPLE avec une seule transition en fondu mais des durées de transition et d’affichage spécifiques à chaque objet. Légende textuelle possible associée à chaque image. Fonction spéciale de fin.
• JavaramaM : MULTIPLES transitions avec 14 au choix. Transitions indépendantes à l’apparition et la disparition. Durées de transition et d’affichage spécifiques à chaque objet. Fonction spéciale de fin.
• JavaramaX : ÉTENDU avec une seule transition en fondu mais instants de démarrage des transitions indépendants. Légende textuelle possible associée à chaque image. Possibilité de ne pas relancer un certain nombre d’objets. Fonction spéciale de fin du premier tour d’affichage.

JavaramaUS
JavaramaS
JavaramaM
JavaramaX

InfoBulle

Bulle informative affichant un texte de longueur quelconque au survol d’un mot, d’un groupe de mots, d’une image, signalés par un souligné en pointillés (choix personnel). Le placement de la bulle est contrôlé pour être toujours visible et suivre les déplacements de la souris. Couleurs (texte et fond) et largeurs sont personnali­sables.

InfoBulle

Diarama

Diaporama automatique et manuel avec affichage dans la page affichant les vignettes. Programmable avec la possibilité d’enregistrer les temps de passage afin d’adapter le diaporama à une musique ou des paroles enregistrées. Vignettes affichées en lignes et colonnes, ou librement selon une disposition personnelle. Le diaporama apparaît dans une nouvelle fenêtre.
Version mise aux standards HTML et CSS de mon plus ancien diaporama.

Lignes-colonnes

Libre