Sehen: https://tonyfverdu.github.io/carusel3D-SassJS/

Ein Beispiel von ein Carousel 3d mit Sass und Javascript.

Es is ein bissen kompliziert das script Javascript, aber nur es gibt 2 zwei wichtige Teile: der erste ist das Design der kreisförmigen Slice-Struktur, Dimensionen und Timing, der zweite ist der EventListener der Kamera-Bewegungsereignisse mit der Maus.

Die Audioplayer-Komponente ist eine Zusatzkomponente.

Seien Sie vorsichtig mit der Änderung der Abmessungen der Karten, zu groß oder zu klein kann dazu führen, dass die Gesamtstruktur nicht die gewünschte ist. Wenn es sich bei der Karte um eine Grafikkarte handelt, sollten Sie bedenken, dass Sie eine Mindestgröße benötigen, wenn Sie die Steuerelemente haben möchten.

Die Anzahl der Karten (Bilder oder Video) ist völlig flexibel, es gibt bereits eine Berechnung, die die Anzahl der Scheiben für den perspektivischen Winkel berücksichtigt. Kein Problem.

Perspektive 1000 ist normal, denken Sie nicht mehr.

Wenn Sie es ändern möchten, um es einfacher zu machen, empfehle ich Ihnen, die Mausereignisse zu entfernen. Ich bin sogar dabei, sie zu entfernen.