Je browser is krachtiger dan je denkt: Voeg handtekening toe aan PDF in Mozilla Firefox Gratis

Hoi, mijn naam is Benjamin en in deze video ben ik enthousiast om de diavoorstellingcomponent te introduceren. Deze nieuwe editie stelt je in staat om eindeloos herhalende en automatisch afspelende diavoorstellingen te maken. Het bevat bedieningselementen zoals pijlen en stelt je ook in staat om aangepaste effecten te creëren. Dit is een aanvulling op de bestaande ticker- en carrouselcomponenten. De carrousel is geoptimaliseerd voor scroll-snapping, het stelt je in staat om meerdere items per pagina op te nemen en ondersteunt mobiel scrollen. De ticker stelt je in staat om deze eindeloos scrollende secties te creëren die naadloos met elkaar verbinden, maar er is geen snapping. De diavoorstelling heeft als doel de hiaten tussen deze twee componenten op te vullen en biedt nog meer spannende nieuwe gebruiksmogelijkheden. Laten we eens kijken hoe de diavoorstelling werkt. Net als de andere componenten kunnen we deze uit het invoermenu halen. Ik kan de kleine connector hier gebruiken om wat inhoud toe te voegen. Ik heb vier afbeeldingen op het canvas die ik aan een diavoorstelling wil toevoegen en ik kan ook de verbonden inhoud zien via de inhoudseigenschap hier, waar ik ze ook kan sorteren. Zoals je kunt zien, zijn er veel eigenschappen die we kunnen aanpassen in de diavoorstelling. Laten we nu beginnen met het geven van een preview, zodat we een idee krijgen van hoe het standaard werkt. We hebben nu een eindeloos herhalende en automatisch afspelende diavoorstelling, maar er is veel meer dat we kunnen doen. Bijvoorbeeld, ik zou graag meerdere afbeeldingen tegelijk zichtbaar willen hebben, waarbij de inactieve items gedimd en misschien verkleind zijn. Bovendien wil ik wat bedieningselementen zoals pijlen toevoegen. De diavoorstelling bevat ook een paar eigenschappen die de carrousel en ticker niet hebben, zoals de mogelijkheid om het huidige item in te stellen om mee te beginnen. Om meer dan één item tegelijk zichtbaar te hebben, kan ik de overflow op 'show' instellen en laten we dit nog een keer previewen. Dit is echt cool omdat het je in staat stelt om de grenzen te overschrijden zoals ze op het canvas zijn gedefinieerd. Vervolgens kunnen we wat pijlen toevoegen, waarmee we handmatige controle over de diavoorstelling krijgen. Je kunt ze hier inschakelen en zien hoe ik ze ook heb aangepast. Met de nu zichtbare pijlen kunnen we verder gaan en dit nog een keer previewen. Zoals je kunt zien, speelt de diavoorstelling nog steeds automatisch af, maar we kunnen ook de pijltoetsen gebruiken om naar het volgende of vorige item te gaan. De pijlbediening werkt heel goed samen met de automatisch afspelende animatie, wat resulteert in een naadloze overgang. We kunnen ook wat stippen toevoegen die het totale aantal items in onze diavoorstelling visualiseren, plus welke de actieve is. Een leuk detail hier is dat, hoewel onze diavoorstelling oneindig is, de stippen mooi rondlopen en het actieve item op elk gegeven moment vertegenwoordigen. Tot slot, laten we wat plezier hebben met effecten. We hebben een aantal eigenschappen hier die we kunnen aanpassen en die definiëren hoe de niet-actieve items in en uit beeld animeren. Ik zal deze een beetje aanpassen en dan kunnen we een kijkje nemen naar de preview om het resultaat te zien. En hier is onze uiteindelijke diavoorstelling. De niet-actieve items zijn gedimd, gedraaid en iets verkleind, wat dit coole coverflow-achtige effect creëert, en er is nog veel meer dat...