simple support for rtl (#254)

idokd · web-flow · commit d0ebee9a5c24 · 2025-03-09T01:22:03.000+01:00
adding support by detecting the dir attribute on the html tag, which is usually set on RTL websites.
diff --git a/src/baguetteBox.js b/src/baguetteBox.js
@@ -686,7 +686,7 @@
     }
 
     function updateOffset() {
-        var offset = -currentIndex * 100 + '%';
+        var offset = -currentIndex * ( document.getElementsByTagName('html')[0].getAttribute('dir') == 'rtl' ? -100 : 100 ) + '%';
         if (options.animation === 'fadeIn') {
             slider.style.opacity = 0;
             setTimeout(function() {

Original file line number	Diff line number	Diff line change
`@@ -686,7 +686,7 @@`
`686`	`686`	`}`
`687`	`687`
`688`	`688`	`function updateOffset() {`
`689`		`- var offset = -currentIndex * 100 + '%';`
	`689`	`+ var offset = -currentIndex * ( document.getElementsByTagName('html')[0].getAttribute('dir') == 'rtl' ? -100 : 100 ) + '%';`
`690`	`690`	`if (options.animation === 'fadeIn') {`
`691`	`691`	`slider.style.opacity = 0;`
`692`	`692`	`setTimeout(function() {`