Ich baue eine Diashow (mit Swiper), die auf einem Touchscreen-Gerät verwendet wird.
Da Benutzer dieses Gerät von beiden Seiten verwenden können, möchte ich die gesamte Webseite, die den Schieberegler enthält, drehen können. Wenn ich die Seite rotiere, muss die Diashow umgekehrt werden, so dass der Bildlauf nach links und umgekehrt erfolgt.
Ich habe beides versucht:
mousewheelInvert und controlInverse, aber keiner von ihnen scheint auf Berührungsereignisse richtig zu reagieren?
Dies sind Eigenschaften der Swiper-Bibliothek und können hier gefunden werden: Ссылка
Hat das schon mal jemand versucht? Vielen Dank im Voraus
Mein Rat wäre, einen Listener hinzuzufügen, um die Änderung der Ausrichtung zu erkennen und "ccss" in den Container für die Diashow bei Änderung einzufügen. Dies muss nicht von der Swiper API abhängen, sondern kann in Verbindung mit ihr funktionieren.
%Vor%Die Responsive Paginierung und Navigationsschaltflächen sind zwei Optionen in Swiper, die die Seite automatisch rotieren lassen. Sie müssten also nur füge die Invert-CSS hinzu, um die Rotation abzuschließen.
Es gibt einen nützlichen Blog von David Walsh zur Erkennung der Ausrichtungserkennung hier
matchMedia js Beispiel aus dem Blog:
Tags und Links javascript swiper