Après la configuration de votre diaporama, maintenant il faut l'afficher !!!
Bien sûr vous pouvez voir le résultat de votre configuration en cliquant sur Afficher le diaporama texte:
Mais vous devez voir qu'il vous reste un peu de travail pour personnaliser votre texte
GuppY ne sait pas encore générer votre texte automatiquement !!!
Vous allez devoir copier / coller le code dans un document (boite libre, article ...) et modifier sur la ligne de la balise h2 le titre de la 1ère diapo en remplaçant Text 1 par votre titre.
Ensuite dans le paragraphe entre les balises p, vous remplacez le texte par votre texte. Vous devez le faire pour chaque diapositive texte, ce n'est pas trop compliqué, simplement prenez votre temps !
Vous devez arriver à un affichage comme celui ci-dessous, correspondant à la configuration décrite dans ce tutoriel
GuppY 5.02.02
Nous avons le plaisir de vous présenter GuppY 5.02.02, la 100ème version de GuppY.
Et cette sortie précède de quelques jours les 15 ans de GuppY, la première version de miniPortail est sortie le 30 décembre 2002 et de se nommer GuppY le 24 septembre 2003.
Merci à aldweb son créateur, merci à tous les participants à l'aventure GuppY.
En plus des améliorations pour cette version 5.02.02, vous trouverez deux nouveautés importantes:
- l'intégration du plugin jQuery Unite-Gallery y compris la partie administration,
- l'intégration du plugin jQuery Liquid Slider y compris la partie administration.
Tous nos remerciements à Saxbar pour ces intégrations, tous nos remerciements aux participants à cette version.
Unite-Gallery
Unite-Gallery est un plugin jQuery responsive, pour des galeries de photos et de vidéos.Cette galerie puissante et rapide a toutes les fonctionnalités nécessaires, responsive, réactive au toucher et même un effet zoom.
Responsive - s'adapte à chaque écran avec préservation automatique du ratio et peut répondre à un changement de taille d'écran,
Toucher - Toutes les parties de la galerie peuvent être contrôlées par des dispositifs tactiles,
Skinnable - Possibilité de changer de skin avec facilité dans différents fichiers css sans toucher la galerie principale css,
Themes - plusieurs thèmes, chaque thème a ses propres options et fonctionnalités, mais il utilise les objets de base de la galerie,
Effet Zoom - un effet zoom unique qui peut être appliqué à l'intérieur des boutons, de la molette de la souris ou d'un geste de pincement au toucher,
Thème Vidéo - à partir de: Youtube, Vimeo, HTML5, Wistia.
Liquid Slider
Liquid Slider est un Slider jQuery Responsive, ce qui sous entend créer dans le but de s’adapter à tous les terminaux et par conséquent aux différentes tailles d’écran.
Il présente des transitions CSS3, utilise "animate. css", la navigation dynamique par glisser-déplacer, et plus encore.
Puissant, facile à utiliser et rapide.
Il est entièrement réactif et totalement adaptable aux changements de largeur et d'orientation, utilisant des animations CSS3 modernes pour forcer l'acquisition matérielle sur les périphériques mobiles, vous n'aurez jamais à vous soucier des transitions lentes ou rapides.
Attention : si vous voulez afficher plusieurs diaporamas Liquid Slider, vous devez impérativement modifier les deux occurrences de l'ID ("lstext-1") de chaque diaporama supplémentaire pour éviter un conflit avec le ou les précédents.
Pour cela vous remplacez lstext-1 par lstext-2, puis lstext-3 ...
Bon courage pour tester toutes les possibilités de Liquid Slider et de beaux diaporamas texte sur vos sites !!!
Tutoriel réalisé par Papinou et Saxbar pour la GuppY Team - Décembre 2017 - Licence Libre CeCILL
