जेएस में शरीर घुमाएं, बाएं दाएं हो जाते हैं और दाएं बन जाते हैं

Question

मैं एक स्लाइड शो (स्निपर का उपयोग कर) का निर्माण कर रहा हूं जिसका उपयोग टच स्क्रीन डिवाइस पर किया जाता है।

चूंकि लोग दोनों ओर से इस डिवाइस का उपयोग कर सकते हैं, इसलिए मैं स्लाइडर रखने वाले पूरे वेबपृष्ठ को घुमाने में सक्षम होना चाहता हूं। जब मैं पृष्ठ को घुमाता हूं, स्लाइडशो को उलटा होना चाहिए, ताकि बाएं स्क्रॉलिंग प्रभावी ढंग से छोड़ी जा सके और इसके विपरीत।

mousewheelInvert और controlInverse, लेकिन उनमें से कोई घटनाओं को छूने के लिए ठीक से जवाब देती प्रतीत होती:

मैं दोनों की कोशिश की?

ये Swiper पुस्तकालय की संपत्ति हैं और यहां पाया जा सकता: http://idangero.us/swiper/api/#.WVDHLROGN24

किसी को भी इस से पहले की कोशिश की है? अग्रिम धन्यवाद

Answer 1

मेरी सलाह अभिविन्यास परिवर्तन का पता लगाने के लिए श्रोता जोड़ने और अपने स्लाइड शो कंटेनर के बदले में "उलटा"/घुमावदार सीएसएस जोड़ने के लिए होगी। यह Swiper एपीआई पर निर्भर नहीं की जरूरत है, लेकिन साथ यह

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

Responsive Pagination और Navigation Buttons संयोजन के रूप में काम कर सकते हैं कि मोबाइल को स्वत: घुमाने में पेज घुमाने के लिए, ताकि आप केवल जोड़ने के लिए की आवश्यकता होगी Swiper में दो विकल्प हैं रोटेशन को पूरा करने के लिए उलटा सीएसएस।

वहाँ दाऊद वॉल्श ने एक उपयोगी ब्लॉग उन्मुखीकरण परिवर्तन का पता लगाने here

matchMedia js ब्लॉग से उदाहरण के बारे में है:

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 
    } 
});