Giter Club home page Giter Club logo

Comments (7)

peterrattew-old avatar peterrattew-old commented on August 20, 2024 3

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.

acenkus avatar acenkus commented on August 20, 2024 1

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.

veganista avatar veganista commented on August 20, 2024 1

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.

nstanard avatar nstanard commented on August 20, 2024

Please isolate the issue. ^^

codepen.io

from lory.

nstanard avatar nstanard commented on August 20, 2024

@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.

nstanard avatar nstanard commented on August 20, 2024

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.

nstanard avatar nstanard commented on August 20, 2024

Please re-open with an example if you are having issues with this still.

from lory.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.