Warning: Undefined array key "HTTP_ACCEPT_ENCODING" in /home/freeguppyorg/sites/ghc.freeguppy.org/inc/hpage.inc on line 45
Centre d aide GuppY - Affichage des diaporamas LS

Affichage des diaporamas LS

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:

05-fr-liquidslider.jpg


Mais vous devez voir qu'il vous reste un peu de travail pour personnaliser votre texte

06-fr-liquidslider.jpg

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


Date de création : 06/12/2017 @ 14:55
Dernière modification : 27/07/2020 @ 15:45
Catégorie : Documentation - Tutoriel Config LS
Page lue 11866 fois