Votre navigateur est plus puissant que vous ne le pensez : ajoutez une signature au PDF dans Mozilla Firefox Gratuit

Salut, je m'appelle Benjamin et dans cette vidéo, je suis ravi de vous présenter le composant diaporama. Cette nouvelle édition vous permet de créer des diaporamas en boucle infinie et en lecture automatique. Il comprend des contrôles comme des flèches et vous permet également de créer des effets personnalisés. C'est un ajout aux composants ticker et carrousel existants. Le carrousel est optimisé pour le défilement par accrochage, il vous permet d'inclure plusieurs éléments par page et prend en charge le défilement mobile. Le ticker vous permet de créer ces sections défilantes infinies qui se connectent sans accrochage. Le diaporama vise à combler les lacunes entre ces deux composants, offrant encore plus de cas d'utilisation passionnants. Alors, jetons un œil à la façon dont le diaporama fonctionne. Tout comme les autres composants, nous pouvons le récupérer dans le menu d'insertion. Je peux utiliser le petit connecteur ici pour ajouter du contenu. J'ai quatre images sur le canevas que j'aimerais ajouter à un diaporama et je peux également voir le contenu connecté via la propriété de contenu ici, où je pourrais aussi les trier. Comme vous pouvez le voir, il y a beaucoup de propriétés que nous pouvons personnaliser dans le diaporama. Pour l'instant, commençons par donner un aperçu afin d'avoir une idée de son fonctionnement par défaut. Nous avons donc maintenant un diaporama en boucle infinie et en lecture automatique, mais il y a beaucoup plus que nous pouvons faire. Par exemple, j'aimerais avoir plusieurs images visibles à la fois, où les éléments inactifs sont atténués et peut-être réduits. De plus, j'aimerais ajouter quelques contrôles comme des flèches. Le diaporama comprend également quelques propriétés que le carrousel et le ticker n'incluent pas, comme la possibilité de définir l'élément actuel avec lequel commencer, d'avoir plus d'un élément visible à la fois. Je pourrais définir le débordement sur "afficher" et faisons un autre aperçu. C'est vraiment cool car cela vous permet de dépasser les limites telles qu'elles sont définies sur le canevas. Ensuite, nous pouvons ajouter des flèches qui nous donneront un contrôle manuel sur le diaporama. Vous pouvez les activer ici et voir comment je les ai également personnalisées. Avec les flèches maintenant visibles, nous pouvons procéder à un autre aperçu. Comme vous pouvez le voir, le diaporama continue de jouer automatiquement, mais nous pouvons également utiliser les touches fléchées pour passer à l'élément suivant ou précédent. Les contrôles de flèche fonctionnent très bien avec l'animation de lecture automatique, ce qui donne une transition fluide. Nous pourrions également ajouter des points qui visualisent le nombre total d'éléments dans notre diaporama, plus celui qui est actif. Un joli petit détail ici est que même si notre diaporama est infini, les points s'enrouleront joliment, représentant l'élément actif à tout moment. Enfin, amusons-nous avec les effets. Nous avons un tas de propriétés ici que nous pourrions personnaliser, qui définissent comment les éléments non actifs s'animent à l'entrée et à la sortie de la vue. Je vais les personnaliser un peu et ensuite nous pourrons jeter un œil à l'aperçu pour voir le résultat. Et voici notre diaporama final. Les éléments non actifs sont atténués, tournés et légèrement réduits, créant cet effet de couverture fluide. Et il y a encore beaucoup plus que...