Médias

Morph image carousel

Un carrousel d'images à fond perdu dans lequel les diapositives ne se coupent pas ou ne glissent pas les unes sur les autres, mais se fondent et se déforment visuellement dans la suivante.

Basalt Shore at First Light

Field note 014 · South coast

Utiliser Morph image carousel

Un carrousel d'images à fond perdu dans lequel les diapositives ne se coupent pas ou ne glissent pas les unes sur les autres, mais se fondent et se déforment visuellement dans la suivante.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: autoplay, autoplaySeconds, transitionStyle, showCaptions

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

2744Orbiting image spiralMédiasUne pile de photos carrées disposées autour d’une spirale invisible qui tourne continuellement, chaque photo étant redimensionnée, accentuée ou floue selon sa proximité avec l’avant.

2745Parallax photo columnsMédiasUn mur à fond perdu de colonnes de photos dérivantes en perspective 3D où les tuiles s'éclaircissent et se soulèvent sous le curseur ou le focus du clavier pendant que leur colonne s'arrête.

2448Swipeable slide deckMédiasUne visionneuse de diapositives single-item-at-a-time avec des boutons ronds précédent et suivant, la prise en charge des flèches du clavier et un défilement par balayage aligné.

2298Android device frameMédiasUn cadre de téléphone Android vectoriel qui encadre une photo ou une vidéo en boucle à l'intérieur de son écran avec des coins correctement arrondis.

2308Browser window frameMédiasUne maquette de fenêtre de navigateur de bureau avec des points de feux de signalisation et une barre d'adresse qui encadre une capture d'écran ou une vidéo en boucle comme contenu de page.

2329Cursor magnifier lensMédiasUne lentille ronde suit le pointeur sur une image et n'agrandit que la petite zone située en dessous, comme une loupe de poche.