Medien

Orbiting image spiral

Orbiting image spiral: Ein Stapel quadratischer Fotos, die um eine unsichtbare Spirale herum angeordnet sind, die sich kontinuierlich dreht, wobei jedes Foto je nach seinem Abstand zur Vorderseite skaliert, schärfer oder unschärfer wird.

Orbiting image spiral verwenden

Orbiting image spiral verwendet das Vorschauformat „ganze Seite“ mit der Theme-Einstellung „dunkel“.

Vorschau anpassen

Diese Einstellungen werden an die Demo übergeben. Standardwerte und Grenzen gelten für die Vorschau; die vollständige Props-API steht in der Implementierung.

Einstellung	Typ	Standardwert	Vorschaugrenzen
`itemCount`	`number`	`10`	Von 4 bis 16; Schrittweite 1
`speed`	`number`	`55`	Von 0 bis 150; Schrittweite 5
`radius`	`number`	`170`	Von 80 bis 260; Schrittweite 10
`pauseOnHover`	`boolean`	`true`	Keine weitere Grenze in den Metadaten.

Für welche Frameworks ist Orbiting image spiral verfügbar?

Orbiting image spiral ist für React, Vue, Svelte, Astro, HTML verfügbar. Die Live-Vorschau verwendet React; die folgenden Quellcode-Beobachtungen beziehen sich auf index.tsx. Prüfe die gewählte Portierung auf die benötigten Interaktionen.

Welche Abhängigkeiten hat Orbiting image spiral?

Die React-Metadaten nennen keine zusätzlichen npm-Abhängigkeiten neben React.

Welche Details zur Barrierefreiheit sind in Orbiting image spiral erkennbar?

Der React-Quellcode von Orbiting image spiral enthält: native Elemente (a); Attribute und Ereignisbehandler (aria-hidden, aria-label); explizite Rollen (group, img). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Orbiting image spiral reduzierte Bewegung?

Orbiting image spiral liest die Bewegungseinstellung im React-Quellcode über matchMedia(prefers-reduced-motion). Prüfe die vollständige Implementierung, gemeinsame Stile und die gewählte Portierung mit aktivierter Bewegungsreduktion; diese Beobachtungen belegen keinen vollständigen Animationsstopp.

Verbinde deinen Agenten

Verwandte offene Komponenten

Standbild der UI-Komponente Parallax photo columns von Fieldbook aus der Kategorie Medien.

2745Parallax photo columnsMedienEine randlose Wand aus schwebenden Fotospalten in 3D-Perspektive, wobei die Kacheln unter dem Cursor- oder Tastaturfokus heller werden und sich anheben, während ihre Spalte anhält.

Standbild der UI-Komponente Browser window frame von Fieldbook aus der Kategorie Medien.

2308Browser window frameMedienEin Desktop-Browserfenster-Mockup mit Ampelpunkten und einer Adressleiste, die einen Screenshot oder ein Endlosvideo als Seiteninhalt einrahmt.

Standbild der UI-Komponente Experience Shelf von Fieldbook aus der Kategorie Medien.

2352Experience ShelfMedienEin horizontal scrollendes Regal mit Fotokarten, jede mit einer Schaltfläche zum Speichern, einem Abzeichen, einer Bewertung und einem Preis, das sich mit den Pfeiltasten oder einem Wischen reibungslos scrollen lässt.

Standbild der UI-Komponente iPhone Device Frame von Fieldbook aus der Kategorie Medien.

2372iPhone Device FrameMedienEine Vektor-Telefonblende mit einem Kameraausschnitt, der ein Foto, ein sich wiederholendes Video oder einen leeren Platzhalter in seinem eigenen abgerundeten Bildschirm umrahmt.

Standbild der UI-Komponente Sequential terminal log von Fieldbook aus der Kategorie Medien.

2423Sequential terminal logMedienEin Terminalfenster, das eine Skriptsitzung wiedergibt, sobald sie in die Ansicht gescrollt wird, Befehle eingibt und Statuszeilen nacheinander einblendet.

Standbild der UI-Komponente Bouncing Photo Fan von Fieldbook aus der Kategorie Karten.

1844Bouncing Photo FanKartenEine Reihe überlappender quadratischer Fotokacheln, die mit einer elastischen Überschwingung auftauchen und sich dann gegenseitig zur Seite schieben, wenn man darüber schwebt.