feimosi
diff --git a/‎dist/baguetteBox.js‎
Lines changed: 5 additions & 2 deletions b/‎dist/baguetteBox.js‎
Lines changed: 5 additions & 2 deletions
diff --git a/‎dist/baguetteBox.min.js‎
Lines changed: 1 addition & 1 deletion b/‎dist/baguetteBox.min.js‎
Lines changed: 1 addition & 1 deletion
@@ -68,7 +68,7 @@
     // If set to true ignore touch events because animation was already fired
     var touchFlag = false;
     // Regex pattern to match image files
-    var regex = /.+\.(gif|jpe?g|png|webp)/i;
+    var regex = /.+\.(gif|jpe?g|png|webp|avif)/i;
     // Object of all used galleries
     var data = {};
     // Array containing temporary images DOM elements
@@ -686,7 +686,10 @@
     }
 
     function updateOffset() {
-        var offset = -currentIndex * 100 + '%';
+        var isRtl = document.querySelectorAll('html')[0].getAttribute('dir') === 'rtl';
+        var percentage = isRtl ? -100 : 100;
+        var offset = -currentIndex * percentage + '%';
+
         if (options.animation === 'fadeIn') {
             slider.style.opacity = 0;
             setTimeout(function() {