मैंने वर्डप्रेस पर एक टेम्पलेट स्थापित किया जिसमें फ्लेक्सस्लाइडर शामिल है। मेरी भाषा राइट-टू-बाएं (आरटीएल) लिखा गया है। जब पृष्ठ आरटीएल होता है, तो फ्लेक्सस्लाइडर बंद हो जाता है और कोई छवि दिखाई नहीं देती है। मेरे द्वारा इस समस्या का समाधान कैसे किया जा सकता है?फ्लेक्सस्लाइडर और राइट-टू-बाएं भाषा समर्थन
उत्तर
फ्लेक्स स्लाइडर आरटीएल भाषाओं का समर्थन नहीं करता है। इसे ठीक करने के लिए एक ही रास्ता div, स्लाइडर direction: ltr
पकड़े अपने विषय पर यदि मुख पृष्ठ पर स्लाइडर यह सब एक फ़ाइल index.php कहा जाता है लगता है div कि स्लाइडर पकड़े है खोजने के लिए और बनाने के लिए है कोड
style="direction:ltr;"
इस slier पर अपने लेख को प्रदर्शित करेगा पूरी तरह सेrtl से पाठ दिशा ठीक करने के लिए एक फ़ाइल (मेरे लिए लाइन # 25) पकड़े कोड
.flexslider .slides > li{
अपने विषय पर और लाइन पर flexslider.css कहा जाता है लगता है इस ऐड :
text-align:right;
direction:rtl;
ये टॉव चरणों ने इसे मेरे लिए तय किया। शुभकामनाएं
फतमा का जवाब मेरे लिए काम नहीं करता है। क्या काम करता है direction: ltr
की स्थापना करके .flex-viewport
संशोधित है:
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; direction: ltr; }
दिशात्मक नेविगेशन ठीक करने के लिए, अपने खुद के स्टाइलशीट में इन नियमों flexslider नियमों को ओवरराइड करना चाहिए:
/* Flexslider RTL */
.flex-direction-nav .flex-next {background-position: 0 0; left: -36px; right: auto;}
.flex-direction-nav .flex-prev {background-position: 100% 0; right: -36px; left: auto;}
.flexslider:hover .flex-next {left: 5px; right: auto;}
.flexslider:hover .flex-prev {right: 5px; left: auto;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; right: 0; left: auto;}
.flex-direction-nav .flex-next {opacity: 1; left: 0; right: auto;}
}
आप इसके लिए दोनों जे एस और सीएसएस बदलने की जरूरत है काम करने के लिए। सौभाग्य से इसे ज्यादा काम की आवश्यकता नहीं थी। मैंने परियोजना को फोर्क किया और https://github.com/layalk/FlexSlider/tree/rtl पर समर्थन जोड़ा। कोशिश करो।
मैंने reverse:true,
flexslider()
फ़ंक्शन में उपयोग किया और स्लाइडर डिफ़ॉल्ट से विपरीत दिशा में काम करता था।
और
.flexslider .slides li{
direction: ltr;
}
यह मेरे लिए काम किया।
- 1. फ्लेक्सस्लाइडर
- 2. उत्तरदायी पाठ - फ़ंक्शनटेक्स्ट और फ्लेक्सस्लाइडर
- 3. आधुनिक भाषा समर्थन + = लेकिन नहीं && =
- 4. फ्लेक्सस्लाइडर धीमी छवि लोड
- 5. फ्लेक्सस्लाइडर स्लाइड चौड़ाई अंक
- 6. फ्लेक्सस्लाइडर - छवि प्रीलोडर
- 7. क्या डीओटी भाषा समर्थन चर/उपनाम है?
- 8. फ्लेक्सस्लाइडर स्लाइड जोड़ें (अजाक्स सामग्री)
- 9. Android 2.2 द्वारा अज़रबैजानी भाषा समर्थन?
- 10. एसक्यूएल सर्वर बहु भाषा डेटा समर्थन
- 11. जेएसपी/सर्वलेट में MUlti भाषा समर्थन
- 12. ऑरैकल और i18n समर्थन
- 13. सामग्री-भाषा और स्वीकार्य भाषा क्या हैं?
- 14. उत्कृष्ट तालिका समर्थन के साथ विकी मार्कअप भाषा
- 15. एसडीके के लिए इंडिक भाषा समर्थन लेकिन फोनगैप नहीं
- 16. आलसी भाषा उत्परिवर्तन का समर्थन क्यों नहीं करती?
- 17. जाने भाषा आईडीई समर्थन के राज्य क्या है?
- 18. जोड़ने के लिए Android के लिए भाषा समर्थन
- 19. डॉटफस्केटर विंडोज फोन 7 भाषा समर्थन को हटा रहा है?
- 20. c2hs और भाषा-c
- 21. प्रोग्रामिंग भाषा और कंपाइलर
- 22. जावास्क्रिप्ट भाषा और $ jquery
- 23. विधानसभा भाषा और अनुकूलन
- 24. कौन सी प्रोग्रामिंग भाषा निरंतर तरीकों का समर्थन करती है?
- 25. "आर" प्रोग्रामिंग भाषा के लिए AWS डायनेमोड समर्थन
- 26. क्या पूर्वी एशियाई भाषा समर्थन का पता लगाना संभव है?
- 27. Xtend के लिए-लूप समर्थन और रेंज समर्थन
- 28. राइनो और डोम समर्थन
- 29. UISearchBar और dictation समर्थन
- 30. पायथन, फ्लास्क और दोहरी भाषा ऐप बनाने
वोला! फतमा का जवाब मेरे लिए काम नहीं करता था, लेकिन यह एक चाल है। धन्यवाद! – tmt
मेरे द्वारा +1 धन्यवाद –