Créer un diaporama pour un site internet

Demo - Transitions aléatoire

Introduction

De nos jours, il est courant de voir un diaporama photos sur un site internet. Sur la page d'accueil d'un site d'informations, dans la galerie photo de votre prochain lieu de vacance, en présentation de votre article de mode préféré, en affichage publicitaire... Mais comment ces diaporamas sont-ils crées et intégrés à un site internet? C'est la question à laquelle nous répondrons dans cette page.

Tout d'abord, commençons par préciser qu'il n'existe pas une mais plusieurs méthodes, utilisées par les webmasters et développeurs web, en fonction des besoins spécifiques à un projet, des demandes du client, des préférences et habitudes de chacun... Une chose est sûre cependant: dans la plupart des cas, le webmaster ou web-développeur préfèrera utiliser un programme/code dédié qui lui facilitera la tâche. Comme le dit l'adage, "il est inutile de réinventer la roue".

Différentes méthodes

Parmi les méthodes connues: animations CSS, programme Javascript (avec ou sans Canvas / WebGL), enregistrement vidéo, sans oublier la technologie Flash, toujours présente sur le web bien qu'obsolète.

Parmi les méthodes citées ci-dessus, il est à noter que, bien qu'elle puisse avoir des avantages en terme de réalisation et montage, l'utilisation de la vidéo n'est pas l'option à privilégier, sauf si elle s'avère indispensable. Dans la plupart des cas, pour des raisons pratiques, on préfèrera les diaporamas sous forme de code/script, calculés "en temps réel" par la machine du visiteur.

En effet, de manière générale, un programme est plus flexible, capable de créer "à la demande" un diaporama sur mesure, d'en changer le comportement pendant la lecture, en fonction des paramètres, des évènements utilisateurs, etc... En outre, un programme sera capable de lire les images / scènes de façon réellement aléatoire, là où une vidéo ne fera que répéter inlassablement la même boucle.

Il est donc important de trouver le programme qui répondra à toutes les exigences demandées, sera facile d'utilisation tout en laissant aux développeurs expérimentés la possibilité de créer des animations avancées.

JSlideshow

JSlideshow est un programme codé en Javascript dédié à la création de diaporamas multimédia dans un canvas HTML, étudié pour être à la fois complet et flexible, tout en restant extrêmement simple à utiliser. Quelques lignes de code suffisent à créer un diaporama moderne avec transitions. Les nombreuses options disponibles et les possibilités de modification / extension du code permettent une personnalisation du diaporama ou une utilisation plus avancée.

JSlideshow intègre tous les outils nécessaires à la création d'un diaporama:

Configuration & intégration facile
Plus de 40 animations de transitions
Gestion de scènes multi-calques
Animations des caméras, scènes et graphismes: zoom, rotation etc...
Gestion de l'ordre d'apparition des scènes / images avec possibilité de lecture aléatoire
Choix des transitions entre deux scènes / images
Gestion de l'ordre de lecture des transitions avec possibilité de lecture aléatoire
Gestion de listes de lecture ("Playlist")
Import de listes de lecture au format XML (texte et fichier)
Documentation en Anglais et Français

JSlideshow utilise la librairie open source Phaser 3, ce qui facilite sa compréhension, modification, extension, et même son intégration dans un projet Phaser.

Le code source est entièrement documenté en Anglais, et le programme est fournis avec plusieurs pages de documentation, aides, tutoriaux, démos, en Français et Anglais.

JSlideshow est distribué sous licence libre donnant à tout détenteur d'une licence légalement détenue le droit d'utiliser, modifier et même redistribuer le code (redistribution limitée à certaines conditions strictes).En savoir plus...



Accès à l'espace premium.
Téléchargement illimité du programme, du code source, de la documentation et des démos.
Droit d'utilisation / modification, illimité dans le temps.
(*1)
Mises à jour gratuites.
Support technique.
Contact direct avec les développeurs.
Offres limitées dans le temps en fonction de la durée du pack acheté.
*1
Offre non limitée dans le temps, contrairement au reste du pack.
À partir de
10€

Contenu de l'offre


ACHAT IMMEDIAT

L'achat d'un pack nécessite un compte membre. Inscription
gratuite
et
sans obligations
.
Paiement sécurisé avec
PayPal Logo


Plus d'informations

Pour plus d'informations, consultez les documents suivants:

Pour obtenir des réponses à toutes vos questions, n'hésitez pas à entrer en contact avec nous, par mail, via la page contact ou via le forum.