← Fügen Sie weitere Details hinzu und erklären Sie die Einstellungen (falls zutreffend) →
Hallo
Die Komponente erfordert einen Slider-Loader.
Diese Komponente macht die gesamte Zeile klickbar und fügt eine Klickanimation zum Listenelement des Themas hinzu. Sie können aus einigen Animationen wählen.
push (Standard auf Touch-Geräten): Wenn Sie darauf klicken, drückt es sich ein und fügt einen Hintergrundeffekt hinzu.
background (Standard auf Nicht-Touch-Geräten): Wenn Sie darauf klicken, fügt es einen Hintergrund hinzu…
slider: Wenn Sie darauf klicken, fügt es einen Slider-Loader unter dem Listenelement des Themas hinzu und blendet den oberen Haupt-Slider aus.
blur: Wenn Sie darauf klicken, werden die anderen Themen in der Liste ausgeblendet.
Theme-Einstellungen
Sie können Animationen separat für Nicht-Touch- und Touch-Geräte auswählen.
Es fühlte sich so natürlich an und sah auch so aus, dass ich nicht sehen konnte, was sich geändert hat, als ich die Komponente in der Vorschau angezeigt habe.
Wäre es möglich, die Push-Animation beim Klicken auf dem Desktop während des Ladens zu haben, oder gibt es irgendetwas, das dies in irgendeiner Weise verhindert?
Die Idee dahinter ist, auf Touch-Geräten eine natürliche App-ähnliche Tipp-Geste zu ermöglichen. Daher funktioniert die Push-Animation auch in der Desktop-Ansicht, wenn es sich um ein Touch-Gerät handelt.
Aber ja, ich denke, es könnte auch auf Nicht-Touch-Geräten problemlos funktionieren. Es wäre wahrscheinlich eine zusätzliche Einstellung wert.
Sehr gut gemacht, Don! Ich habe das mit Topic List Thumbnails ausprobiert und es funktioniert größtenteils sofort. Push und Blur funktionieren wie erwartet, aber Slider erscheint oben auf allen Miniaturansichten, anstatt der Miniaturansicht zu folgen, und Hintergrund tut nichts (was Sinn macht). Gibt es eine Chance, dass du dem noch etwas mehr Aufmerksamkeit schenkst? Ich hätte gerne den Slider auf dem Desktop oder eine andere brillante Idee, die dir sicher einfallen wird!
Ich habe vergessen, ihm einen z-index hinzuzufügen, der erforderlich ist, um ihn mit Topic List Thumbnail anzuzeigen. Bitte aktualisieren Sie die Komponente.
Danke, Don! Ich habe es ausprobiert und es funktioniert, aber die Farbe des Schiebereglers ist nicht korrekt, oder vielleicht ist es ein z-index-Problem? Der Schieberegler in diesem Video sollte die Goldfarbe haben, ist aber grau. Ich glaube, es sollte tertiär sein? Ich teste dies ohne andere CSS, nur damit Sie es wissen. Es wurde vor dem Update in Gold angezeigt, deshalb denke ich an z-index
Ich habe Ihre Website überprüft und festgestellt, dass Sie die vorherige Version verwenden, die die z-index-Korrektur nicht enthält. Bitte aktualisieren Sie die Komponente auf die neueste Version.
Danke Don, jetzt ist alles in Ordnung, ich muss zu schnell aktualisiert haben
Ein Vorschlag; es sollte eine Option geben, dies für Nicht-Touch-Geräte komplett zu deaktivieren. Jetzt, da ich den Schieberegler ausprobiert habe, bin ich mir nicht sicher, ob er mir gefällt, da er den Standard-Schieberegler entfernt und die UX inkonsistent macht.
@Don - Das gefällt mir! Ich würde es bevorzugen (wie im Clickable Topic Theme Component), dass beim Darüberfahren mit der Maus der Cursor überall in einer Zeile/einem Element zum Zeiger wird…
@Don - Es scheint, dass die Einstellung für die Hintergrundfarbe für den Hover-Effekt erst nach dem Klicken oder Tippen auf die Zeile/das Element wirksam wird und nicht beim herkömmlichen vorherigen Hovern (wie in der Clickable Topic Theme Component).
Das ist eine tolle Idee. Ich habe ein Update zusammengeführt, das eine Einstellung hinzufügt, um die Animation (Komponente) separat auf Touch- oder Nicht-Touch-Geräten zu deaktivieren.
Jetzt können Sie die Option none auswählen, die die Komponente vollständig deaktiviert.
Die Komponente macht derzeit nur das Thema Listenfeld ganze Zeile klickbar. Das neueste Thema Listenfeld funktioniert also standardmäßig. Deshalb erscheint der Cursorzeiger nur auf Themen Listenfeldern, die keine Touch-Geräte sind.
Die Komponente behandelt Nicht-Touch- und Touch-Geräte separat. Der Hintergrund wird beim Hovern auf Nicht-Touch-Geräten und auf Touch-Geräten nach dem Tippen darauf aktiviert. Aber ich denke, es muss ein Update geben, da das Hovern zum Beispiel auf Touchscreen-Laptops, die möglicherweise einen Cursor haben, nicht funktioniert. Ich denke, wir können es global auf dem Desktop-View und dem Zeiger aktivieren.
Könnten Sie bitte näher erläutern, was Sie mit der Abhängigkeit von „Slider-Loader“ meinen? Handelt es sich dabei um ein anderes Theme, ein Plugin, eine JavaScript-Bibliothek oder etwas anderes?
Der Slider ist die neue Seitenladeanimation. Wenn Sie eine Seite in Discourse laden, wird oben auf dem Bildschirm eine horizontale Fortschrittsleiste angezeigt. Das ist der Slider.
Er ist jetzt als Standard eingestellt, kann aber über die Einstellung Seitenladeanzeige zum ursprünglichen Lade-Spinner zurückgesetzt werden.
Hallo Don, gibt es keine Möglichkeit, dies mit dem Spinner-Preloader zum Laufen zu bringen? Ich bevorzuge ehrlich gesagt den Spinner gegenüber dem Schieberegler-Loader für mein Forum.
Der Grund, warum es nur mit dem Schieberegler funktioniert, ist, dass die Seiteninhalte sofort gelöscht und durch den Spinner ersetzt werden, wenn Sie auf ein Thema klicken. Es bleibt also keine Zeit für eine Animation. Mit dem Schieberegler bleiben wir während des Ladens der nächsten Seite auf der aktuellen Seite, sodass wir Zeit haben, eine Animation auszuführen.
Die Komponente erfordert einen Slider-Loader.
