Supporto lingua Flexslider e Destra-Sinistra

Question

Ho installato un modello su WordPress che contiene Flexslider. La mia lingua è scritta da destra a sinistra (RTL). Quando la pagina è RTL, Flexslider si arresta e non vengono visualizzate immagini. Come posso risolvere questo problema?

Answer 1

slider flessibile non supporta le lingue rtl. L'unico modo per risolvere il problema è quello di rendere il div che tiene il dispositivo di scorrimento direction: ltr

1. Sul tema, se il cursore sulla home page trovare un file chiamato index.php trovare il div che trattiene il cursore e tutto questo codice style="direction:ltr;" questo mostrerà i tuoi articoli sul slier perfettamente

2. per fissare la direzione del testo da rtl trovare un file chiamato flexslider.css sul tema e sulla linea tiene il codice .flexslider .slides > li{ (linea # 25 per me) aggiungere questo :
   text-align:right;
direction:rtl;

Questi passaggi di traino lo hanno risolto per me. Buona fortuna

Answer 2

La risposta di fatma non funziona per me. Ciò che funziona è la modifica del .flex-viewport impostando direction: ltr:

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; direction: ltr; } 

Answer 3

Per fissare la navigazione direzionale, queste regole nel proprio foglio di stile dovrebbero ignorare regole 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;} 
} 

Answer 4

è necessario modificare sia JS e CSS per esso lavorare. Fortunatamente non ha richiesto molto lavoro. Ho biforcato il progetto e aggiunto il supporto allo https://github.com/layalk/FlexSlider/tree/rtl. Provaci.

Answer 5

Ho utilizzato reverse:true, nella funzione flexslider() e il cursore ha funzionato in direzione opposta rispetto a quella predefinita.

E

.flexslider .slides li{ 
    direction: ltr; 
} 

ha funzionato per me.