Comments (7)
The second fiddle is still broke for me and shows a part of the second slide but if you set padding to 0 on .slides
then it works fine.
from lory.
To make lory full screen I just wrote this hack... But maybe we can add option to 100% width by parent container?
var lory_slides_width = function(e) {
var lory_slide = document.querySelectorAll('.js_slide'),
w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
for (var i = 0; i < lory_slide.length; i++) {
lory_slide[i].style.width = w + 'px';
}
};
from lory.
I'm having a bit of trouble with 100% width slides.
It keeps snapping back on release.
I've put together a fiddle here: https://jsfiddle.net/eaoobsw3/1/
Edit: After looking a little more, it looks like setting .slides to block, instead of 100% inline-block kind of fixes it: https://jsfiddle.net/eaoobsw3/2/
from lory.
Please isolate the issue. ^^
codepen.io
from lory.
@DCKT Please provide a link to a demo on codepen.io so we can take a look at what issue you are having.
from lory.
I'm a little confused why a hack is needed to make the carousel full width @acenkus.
http://www.lovelyskin.com/skin-specialists-omaha
The site above has lory setup although there is only a single slide so it doesn't actually function at the moment. But it is full width and I promise it's lory.js expanding the full client width.
from lory.
Please re-open with an example if you are having issues with this still.
from lory.
Related Issues (20)
- initialIndex without animation HOT 2
- TypeError: P is undefined when using https://cdnjs.cloudflare.com/ajax/libs/lory.js/2.5.1/lory.min.js HOT 2
- iPhone X — Index Issue HOT 1
- Desktop: Prevent ghost images from dragging on mouseMove (desktop) HOT 3
- Access Lory Instance in EventHandler when creating multiple instances? HOT 1
- On TouchScrolling, snap to next visible slide HOT 3
- BUG: Browser history on drag HOT 4
- .
- How to Set up Automatic Scroll HOT 1
- Improve accessibility HOT 2
- Change the transition direction
- Change transition direction
- Need to add slide specific text content to image in slider HOT 5
- Sliders won't work when is cache deleted HOT 1
- How to add a sound component in grapesjs
- How use jssor.slider.js in grapesjs HOT 1
- ios devices - While swiping right or left page scrolls vertically HOT 1
- Using the API methods in Vanilla JS HOT 2
- Next/Prev "buttons" don't work if above the slider element in the DOM HOT 1
- number of visible slide I suppose expect visible 3 but always show 4 #sadLife NOT WORKING!
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 lory.