Comments (3)
I found a solution
add this to the first line of the css (I'm using LESS)
html.swipebox {
overflow: hidden!important;
body{
direction: ltr;
}
}
from swipebox.
In my experience I have fixed the swipebox in RTL using following css
html.swipebox-html {
overflow: hidden !important;
}
html.swipebox-html #swipebox-overlay{
direction: ltr;
}
from swipebox.
In fact the issue is related to the animate property used here:
if ( this.doCssTrans() ) { slider.css( { '-webkit-transform' : 'translate3d(' + (-index*100)+'%, 0, 0)', 'transform' : 'translate3d(' + (-index*100)+'%, 0, 0)' } ); } else { slider.animate( { left : ( -index*100 )+'%' } ); }
instead of animate left it should be right for RTL, and also the translate should be positive for the css transform.
from swipebox.
Related Issues (20)
- Is it possible to handle mouse scroll and switch images on such events?
- sorry, I posted by mistake
- Code Injection Vulnerability
- How do you make the top bar with the title and bottom bar with the navigation button NEVER go away ? HOT 1
- swipebox con videos .mp4
- Autoplay Slideshow
- touch devices do not display all slides [fix]
- Not working with jquery 3.x.x HOT 2
- Video does not autoplay in Chrome
- Adding links to images and/or caption text
- Getting black overlay screen on every click HOT 29
- Can not close Swipebox HOT 1
- Mobile Browser Swipe Bugfix
- JQMIGRATE: jQuery.isArray is deprecated; use Array.isArray HOT 3
- Close on Tap
- Popup Close button click event not working HOT 2
- Not able to Pause the YT video after playing it on mobile
- Problem with Multiple Galleries on Same Page
- Flickering and sporadic streak at the top of the slider HOT 5
- how to change the location of the toggle arrows?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from swipebox.