Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The reason the slider is stuck on the first slide is because it is set up to work with a LTR page.</p> <p>So to make it properly work with a RTL page, you'll need to set the <code>playRtl</code> option to <code>true</code> (<a href="https://github.com/CSS-Tricks/AnythingSlider/wiki/Slideshow-Options#playrtl-false" rel="nofollow">docs</a>). This option does several things.</p> <ol> <li><p>Adds a <code>rtl</code> class name to the outer AnythingSlider wrapper which then applies the following css (the first part is what will fix the slider; the rest is optional and can be removed from the anythingslider.css file)</p> <pre><code>/* slider autoplay right-to-left */ .anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override; } /* move nav link group to left */ .anythingSlider.rtl .anythingControls ul { float: left; } /* reverse order of nav links */ .anythingSlider.rtl .anythingControls ul a { float: right; } /* move start/stop button - in case you want to switch sides */ .anythingSlider.rtl .start-stop { /* float: right; */ } </code></pre></li> <li><p>In older versions of AnythingSlider, the slider arrows also reversed the direction of the image sliding, including the slideshow; but this was changed recently (see <a href="https://github.com/CSS-Tricks/AnythingSlider/issues/526" rel="nofollow">issue #526</a>).</p></li> </ol> <p>This option still needs some work (again, see the issue linked above), so if all you want to do is just make the slider work and not change the arrow direction or the slideshow, then use this code to only apply the class name (<a href="http://jsfiddle.net/Mottie/ycUB6/5594/" rel="nofollow">demo</a>)</p> <pre><code>$('#slider').anythingSlider({ playRtl: false, onInitialized: function(e, slider) { slider.$wrapper.addClass('rtl'); } }); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload