Obróć ciało w JS, w lewo w prawo i w prawo w lewo

Question

Buduję pokaz slajdów (używając Swiper), który jest używany na urządzeniu z ekranem dotykowym.

Ponieważ ludzie mogą używać tego urządzenia z obu stron, chcę mieć możliwość obracania całej strony zawierającej suwak. Kiedy obracam stronę, pokaz slajdów musi zostać odwrócony, tak, aby przewijanie w lewo zostało skutecznie pozostawione i odwrotnie.

Próbowałem zarówno:

mousewheelInvert i controlInverse, ale żaden z nich nie wydają się prawidłowo reagować na dotyk wydarzenia?

Są to właściwości biblioteki Swiper i można znaleźć tutaj: http://idangero.us/swiper/api/#.WVDHLROGN24

Czy ktoś próbował tego wcześniej? Z góry dzięki

Answer 1

moja rada to dodanie słuchacza w celu wykrycia zmiany orientacji i dodanie "odwrócenia"/obrót css do twojego pojemnika z pokazem slajdów. To nie musi zależeć od api Swiper, ale może pracować w połączeniu z nim

window.addEventListener("orientationchange", function() { 
    // get the orientation number 
    console.log(screen.orientation); 
    //do stuff 
}, false); 

Responsive Pagination i Navigation Buttons są dwie opcje Swiper że obrócić stronę w telefonie automatycznego obracania, więc po prostu trzeba dodać odwróć css, aby zakończyć obrót.

Jest przydatny blog David Walsh dotyczące wykrywania orientacji-zmiany here

matchMedia js przykład z bloga:

var mql = window.matchMedia("(orientation: portrait)"); 

// If there are matches, we're in portrait 
if(mql.matches) { 
    // Portrait orientation 
} else { 
    // Landscape orientation 
} 

// Add a media query change listener 
mql.addListener(function(m) { 
    if(m.matches) { 
     // Changed to portrait 
    } 
    else { 
     // Changed to landscape 
    } 
});